KULLANILABİLİRLİK 
İLKELERİ REHBERİ 


REHBERİN KULLANIMI 


Geliştirilen KAMIS Rehberi; “İnternet Sitelerinde Kullanılabilirlik ve Erişilebilirlik Rehberi”, “Kullanılabilirlik İlkeleri 
Rehberi”, “Erişilebilirlik İlkeleri Rehberi” ve “Kamu İnternet Siteleri Mevzuat Bilgileri Rehberi” ve “Teknoloji Rehberi” 
olmak üzere 5 ayrı alt rehbere ayrılarak kamu kurumlarının hizmetine sunulmuştur. 


KAMİS Rehberi'nin bu alt rehberinde; internet sitesi arayüzlerine yönelik dikkat edilmesi gereken temel özelliklerden 
ve arayüzler geliştirilirken yerine getirilmesi beklenen kullanılabilirlik ve görsel tasarım ilkelerinden bahsedilmektedir. 
Rehber; Kategori, İlke, Açıklama, Yönergeler, Referanslar, Faydalı Kaynaklar, Örnekler, Önem Derecesi ve Etiketler olmak 
üzere 9 bölümden oluşmaktadır. 


e — İlke bölümünde, ilgili başlığı özetleyen açıklayıcı bir cümle bulunmaktadır. 

» o Önem Derecesi, ilkenin internet sitesi kullanılabilirliği göz önünde bulundurulduğunda diğer ilkelerden ne kadar 
önce değerlendirilmesi gerektiğini ifade eder. İlkenin bulunduğu sayfanın sağ üstünde yıldızlarla ifade edilmiştir. 

e — Açıklama bölümünde, ilkenin daha kolay anlaşılması için gerekli ifadeler yer almaktadır. 

e (Yönergeler bölümünde araştırma bulguları sonuçları gibi detaylı bilgilendirmeler ile ilkenin uygulanmasını 
kolaylaştırmak için detaylı bilgiler yer almaktadır. 

e o Örnek bölümünde, ilkeye yönelik kamu kurumlarının internet sitelerinden olumlu ve / veya olumsuz örnekler yer 
verilmektedir. 

e (Referanslar bölümünde TS EN |SO 9241-151 ve WCAG 2.0 standartlarında karşılık gelen kriter numaraları 
verilmektedir. 

e (Faydalı Kaynaklar bölümünde ilkeyle alakalı yapılan araştırmalar, uluslararası çalışmalar vb. kaynaklar 
bulunmaktadır. 

e (Etiketler bölümündeilke ile benzerlik gösteren diğer ilkelere kolaylıkla ulaşmak için kullanılan etiket sözcükleri 
yer almaktadır. 


1. KULLANICI ODAKLI TASARIM 


Kullanıcı odaklı tasarım, geliştirilen internet sitesinin hedef kitlenin ihtiyaçları göz önünde bulundurularak geliştirilmesi 
ve kullanıcıların internet sitesi geliştirme sürecinin her aşamasına dâhil edilmesi olarak ifade edilmektedir. 
İnternet sitelerinin temel amacı kullanıcıların hayatlarını kolaylaştırmak ve ihtiyaç duydukları işlemleri kolaylıkla 
gerçekleştirmelerini sağlamaktır. Dolayısıyla, internet siteleri geliştirilirken kullanıcılar sürecin merkezinde yer alacak 
şekilde çalışmalar yürütülmeli, site içerisinde yapılacak geliştirme ve düzenlemeler de yine kullanıcıların işlemlerini 
doğru, kolay ve hızlı yapabilmesi hedeflenerek gerçekleştirilmelidir. 


Uluslararası Standartlar Örgütü'nün (150) tanımladığı 13407 numaralı standarda göre ise kullanıcı odaklı tasarım, 
geliştirilecek sistemin etkinlik ve verimliliğinin artırılması amacıyla, insan faktörü ve ergonomi bilgisini birleştiren 
yinelemeli (kendini tekrar eden) bir süreç olarak tanımlanmaktadır. ISO 13407'ye göre kullanıcı odaklı tasarım 
planlama, geliştirme, ölçme ve uygulama aşamalarından oluşmakta olup, kullanıcıların bu sürecin tamamına dâhil 


edilmesi gerekmektedir. 


Bu Kullanılabilirlik İlkeleri Rehberi'nde, 
e (Hedef Kitleye Uygun Tasarım 
e (Kullanıcı Profilleri 
e (Kullanıcıların Beklentileri 


İlkeleri ele alınacaktır. 
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YARA 
1.1. Hedef Kitleye Uygun Tasarım 


İlke 


İnternet siteleri tasarlanırken, kullanıcı özellikleri ve kullanım şekilleri göz önünde bulundurulmalıdır. 


Açıklama 

İnternet siteleri tasarımının hedef kitledeki kullanıcılara göre şekillendirilmesi, o internet sitesinin başarısı açısından 
çok büyük önem arz etmektedir. Kullanıcı ihtiyaçlarının dikkate alınmadığı internet siteleri, çok büyük emekler 
harcanmış olsa dahi başarısız olmaktadır. İyi bir site sadece görselliği veya kullanılan teknolojiler ile değil, aynı zamanda 
kullanılabilirliği ve içeriğiyle de kendini ortaya koyar. 
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Kurumların zaman içinde hedef kitleye yönelik yeni hizmetleri ve görevleri oluşabilir. Başarılı bir internet sitesi, ileride 
bu genişlemenin olabileceği dikkate alınarak hazırlanır. 


Yönergeler 
e (o Görsel bileşenler yazı karakter özellikleri, menü tasarımı kullanıcı özelliklerine uygun olarak hazırlanmalıdır. 
e (o Kullanıcılara sunulan içerik, internet sitesinin kullanım amacına uygun olmalıdır. 
e» o İçerikler hedef kitleye ve onların görevlerine uygun olmalıdır. 
e» o İçerik, görsel tasarım bileşenlerinin gölgesinde kalmamalıdır. 
e (o Genişlemeye açık bir teknik ve navigasyon yapısı kullanılmalıdır. 


Örnek 


oranlar be e yeka re 


TC Kylk Mam 


* Talrtem tarım 


Örnek sitenin yetişkin ve çocuklar için hazırlanmış ayrı sayfalarında görünüm hedef kitleye uygun olacak şekilde tasarlanmıştır. 


Referanslar 
e |S09241-151/ 7.1.3 - Appropriateness of content for the target group and tasks 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/usability-of-websites-for-teenagers/ 
e o https://www.webdesignerdepot.com/2011/12/designing-for-your-target-audience/ 


 nİnlefei 


1.2. Kullanıcı Profilleri 


İlke 
Tasarım sürecinde hedef kitleyi temsil eden persona (profil örnekleri) oluşturulmalıdır. 


Açıklama 

İnternet siteleri geliştirilmeye başlanmadan önce sitenin hedefleri doğrultusunda kullanıcı özelliklerinin detaylı 
olarak analiz edilmesi, kullanıcıların ihtiyaç ve beklentilerinin doğru olarak anlaşılabilmesi açısından gereklidir. Bu 
nedenle internet sitesinin hedef kitlesini temsil eden persona oluşturulmalıdır. Herkesi temsil eden az sayıda persona 
tanımlamak yerine farklı hedef kitlelerden örnek oluşturan kullanıcı personası oluşturulmalıdır. 


Persona, internet sitesini kullanması beklenen tipik kullanıcı karakterlerini ifade etmektedir. Hedef kitleyi tanımaya 
ve geliştirilecek internet sitesinin kullanıcı karakterleri hakkında karar vermeye yardımcı olmaktadır. Oluşturulan 
persona ile hedef kitlenin birbirine yakın olması, internet sitesinin kullanıcıların ihtiyaç ve beklentilerini karşılama 
oranını artıracaktır. Personaların birbirinden farklı kullanıcı gruplarını temsil edici biçimde ayrı ayrı seçilmesi, bu 


gruplara götürülen hizmetin kalitesinin iyileştirilmesinde önem taşır. 


Yönergeler 

e (o Persona,internet sitesinin hedef kitlesi olan gerçek kullanıcılar düşünülerek oluşturulmalıdır. 

e (o Personalar oluşturulurken internet sitesinde kullanıcıların yapabileceği işlemler göz önünde bulundurulmalıdır. 

»e Kişinin yaşı, cinsiyeti, medeni durumu, mesleği, gelir durumu, yaşadığı çevre, kişisel özellikleri, eğitim durumu, 
sosyal sınıfı, teknoloji kullanımı, hobileri ve ilgi alanları gibi bilgilerin personalar yer almasına dikkat edilmelidir. 

»e (o Personaların sistemi kullanım senaryoları kısa paragraflar halinde yazılı olarak tanımlanabilir ve oluşturulan 
doküman site tasarım / geliştirme ekibi ile paylaşılabilir. 

e Büyük projelerde profillerdeki gerçek kullanıcılarla temas ederek ön mülakatlar, prototip deneyleri gibi 
çalışmalar yapılabilir. 


Persona: Nesibe 


Örnek an 
| | p ) Demografik Bilgiler 
/ Yaşı: 27 
ii ü 


| di Mesleği: Eğitim Teknoloğu 
j 7 1 | MedeniHali: Evli 
Eğitim Durumu: Yüksek Lisans Öğrensicisi 
Bilgisayar Kullanımı 
» İleri seviye bilgisayar kullanıcısıdır. 
» Tasarım programlarını ve ofis programlarını sıkça 
kullanmaktadır. 
* İnternet, e-posta ve çevrimiçi bankacılık hizmetlerini 
yoğun olarak kullanmaktadır. 
» Günde 8-10 saat bilgisayar kullanmakta ve bu zamanın 


yarısını internette geçirmektedir. 


Örnek resimde, hedef kitlenin ihtiyaçlarının analiz edilmesine yönelik bir persona oluşturulmuştur. 


Referanslar 
e o |S09241-210/ Human-centred design for interactive systems 
e 1S09241-151/ 6.3 - Analysing the target user groups 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/persona/ 
e o https://www.usability.gov/how-to-and-tools/methods/personas.html 
e o hitps:/(/usabilitygeek.com/improving-persona-usability-goal-oriented-ux/ 


»e o hitp//www.uxbooth.com/articles/creating-personas/ 
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 nİnlefei 


1.3. Kullanıcıların Beklentileri 


İlke 
İnternet siteleri, kullanıcıların siteden beklentileri göz önünde bulundurularak oluşturulmalı veya güncellenmelidir. 


Açıklama 

Kullanıcılar kamu internet sitelerini belirli bir amaçla kullanırlar ve bu amacı gerçekleştirmek isterler. Bunun yanında 
kullanıcılar, genel kamusal beklentilere ve genel yazılım / donanım eğilimlerine, beklentilerine (mobil uygulama 
vb.) sahiptirler. Kullanıcılar, internet sitesi tasarımında başlıca paydaştır. Bu nedenle site tasarımı ve kurgulama 


aşamasından itibaren kullanıcıların geliştirme ve idame sürecinde dikkate alınması gereklidir. 


Prototip ekranlar ve sitenin tasarımı üzerinden hedef kitle içerisinden seçilecek kullanıcılar ile yapılacak analiz 
çalışmaları, internet sitesinin tasarımının olgunlaşmasına ve kullanıcıların site üzerindeki alışkanlıklarının 
belirlenmesine fayda sağlayacaktır. Tasarım ve geliştirme aşamalarına geçilmeden önce kullanıcıların ihtiyaçlarının 
açık ve doğru bir şekilde tespit edilmesi, olası kullanılabilirlik problemlerinin önüne geçilmesine katkı sağlayacaktır. İleri 
safhalarda ortaya çıkabilecek sorunlar, kullanıcılar ile erken aşamada iletişim ve test yapılması sureti ile büyük masraf 
ve zahmete yol açmadan giderilebilir. Genellikle kurumsal gelişim ve teknolojik yenilikler birimleri hedef kaymasına yol 


açmakta, detayların asıl amaçların önüne geçmesine neden olabilmektedir 


Yönergeler 
» o İnternet sitesi geliştirmeye başlanmadan önce ihtiyaç analizi yapılmalı; hedef kitlenin ihtiyaç ve beklentileri 
detaylı olarak belirlenmelidir. 
e (o Geliştirilen prototip ekranlar üzerinden sitenin tasarımı ile ilgili olarak kullanıcılardan geri bildirim alınmalıdır. 
e» o İnternet sitesinin kullanılmaya başlanmasından sonra da kullanıcılar ile etkileşim içinde olunarak gerekli 
güncellemeler yapılmalıdır. 
e (o Kullanıcı deneyimlerini gözlemlemek amacıyla kullanılan test dokümanları ve kayıt altına alınan videolar, 


geliştiricilerin erişebileceği bir ortamda saklanmalıdır. 


Örnek 
İS YENİLER 3 VERİLER & TAXVİM Jj (FİYATİSTİKRARI 
m0) Bas Elekii Dviz dimi Eran Kapan, 7017 vü Para we ba Palaz 
37  OrasaKesmi danla Fumalarm Dö Varlık we Yüpkaamak lak Tiketiri Fiyatlar Aylir Payat Gelişmeleri Kaparar 
N m 201 
29.127 Aykk Dara va Banka İstatiiideri ve Parma! Gelişler (Kazım 394 (e FİKANSAL İSTİKRAR 
28.12 Konut Fiyat Endeszi (Ekm 2017) Miperkez Bayii ve Ermis Batik Binamıssi Yeter er Hap 
nar ' urfanın 
ww TCMBDÖVİZ KURLARI © TOMBFAİZORANLARI CS) 
Alış “ Als Sur, Bar Alma Berç varma 
sUsD 17000 1.7008 €rimo 1.1205 45391 mama sd emdi 
Gecetik (o/r) > “73 
BUGÜN ARŞİV Geç Likidite 0 
Örnek sitede, hedef kitle beklentileri göz önünde bulundurularak ana sayfa bileşenleri bu doğrultuda tasarlanmıştır. 
Referanslar 


e o |S0-9241-210 Kullanıcı Merkezli Tasarım Standardı 

e o1S0-9241-151 / 6.2 - Determining the purpose of a Web application 
e o|S0-9241-151/ 6.4 - Analysing the users' goals and tasks 

e o1S0-9241-151 / 6.5 - Matching application purpose and user goals 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/efficiency-vs-expectations/ 
e o hitps://www.spotless.co.uk/blog/user-expectations/ 
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2. SİTENİN İSİMLENDİRİLMESİ 


Kullanıcılar, site isimlerini kullanarak internet sitesine erişim sağlayabilmektedir. İnternet siteleri oluşturulurken 
kurumun hizmet alanı ve bağlı olduğu üst kurumlar dikkate alınarak isimlendirme yapılması beklenmektedir. 


Bu bölümde, 
e AlanAdı 
e oAltKurumsSitelerinin Tutarlılığı 
e o Alternatif Alan Adları 
e» URL Adresi 


ilkeleri ele alınacaktır. 
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2.1. Alan Adı 


İlke 
Kamu kurumlarının internet siteleri için alan adı (site ismi) belirlenirken kurumun dâhil olduğu hizmet alanı göz önünde 
bulundurulmalıdır. 


Açıklama 

Site ismi ise kurum ismi ya da birim ismi olabilir. Genellikle alan adı ile kurum adı ilişkili ya da aynı seçilir. Site adı, 
meta etiketi içine yazılmak üzere tarayıcı penceresinde çıkacak biçimde ve kurum adını mümkün olduğunca içerecek 
biçimde oluşturulmalıdır. Site adının ana sayfada ve alt sayfalarda üst başlıkta belirli ve tutarlı bir büyüklükte varsa logo 
ve motto gibi bileşenlerle birlikte verilmesi ve tüm site çapında kurumsal kimlik oluşturmada etkin olması beklenir. 


Kamu kurumlarının internet siteleri mutlaka “.tr” uzantısı ile bitmelidir. Kamu kurumları hizmet alanlarına göre 
aşağıdaki alan adı uzantılarını kullanabilir. 


Devlet kurum ve kuruluşları için alan adı 
İl, ilçe ve belde belediye teşkilatları için alan adı 
Emniyet teşkilatı için alan adı 


MEB tarafından onaylanmış ilkokul, ortaokul ve liseler için alt alan adı 
YÖK tarafından onaylanmış yükseköğretim kurumları için alt alan adı 
Vakıf, dernek, sivil toplum örgütü vb. kuruluşlar için alt alan adı 


Yönergeler 


e o İnternet sitesi alan adı uzantıları standartlara uygun olacak şekilde belirlenmelidir. 

» oKuruminternet sitelerinin Türkçe karakter içeren alan adlarını da kaydettirmesi tavsiye edilmektedir. Örneğin, 
“sağlık.gov.tr” ve “saglik.gov.tr” adreslerinin ikisinin de aynı siteye erişim sağlaması beklenmektedir. Böylelikle 
kullanıcıların her iki koşulda da siteye erişimi mümkün olacaktır. 

e (o Klavyelerde görece zor bulunan karakterler, hecelemesinde tereddüt olabilecek kelimeler zorunlu olmadıkça 
alan adı seçilmesinde tercih edilmemelidir. 

se (Türkçe kelimelerden seçili alan adlarının kullanılması, kamu kurumları için önem taşımaktadır. 

e o Sunucu adlarında anlamlı sunucu adlarını tercih edilmesi, hatırlanabilirliği artıracaktır. “kms13.saglik.gov.tr” 
yerine “kimliksunucusu.saglik.gov.tr” alan adı kullanımı daha çok tercih edilmelidir. 


4-Zamat tara Barr kay » 
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Örnek siteye, “türkiye.gov.tr” ve “turkiye.gov.tr” adresleri ile erişilebilmektedir. 


Referanslar 


Faydalı Kaynaklar 


İİ ntntefii 


2.2. Alt Kurum Sitelerinin Tutarlılığı 


İlke 
Alt kurumlara ait internet sitelerinin tasarımı, bağlı oldukları kurumun internet sitesi ile tutarlı olmalıdır. 


Açıklama 

Bir kuruma ait alt kurumların (Örn. Taşra teşkilatı, bağlı müdürlükler vb.) internet siteleri tasarlanırken, site 
görünümünün ve içerik organizasyonunun, bağlı olunan kurumun internet sitesi ile tutarlı olması gerekmektedir. Bunun 
için ara yüz görünümünün, menü yapısının ve site içi dolaşımın ana site ile uyumlu olmasına dikkat edilmelidir. Ayrıca, 
kurumun kullandığı internet sitesine ait temanın alt kurumlar tarafından da kullanılması gereklilik haline getirilebilir. 
Böylelikle, internet siteleri geliştirilirken ortak kurum kültürünün ve standartlarının oluşturulması sağlanacaktır. 


Yönergeler 
e o Altkurumların internet siteleri bağlı oldukları ana kurumun sitesiyle tutarlı ve uyumlu olmalıdır. 
e oOMümkünseanasiteve alt sitelerde aynı tema ve standart tasarım ilkeleri uygulanmalıdır. 
e o Mümkün olduğu kadar ortak medya kütüphanesinden çekilen resimler kullanılmalı, bu sayede tarayıcıların bant 
genişliği ve görüntü oluşturma performansı yükseltilmelidir. 
e Alt kurum internet sitelerinin kendi içlerinde ve ana kurumun internet sitesi ile tutarlılığının sağlanmasına 
yönelik, tasarımcıların kullanabileceği ortak bir şablon ve tasarım rehberi hazırlanması tavsiye edilmektedir. 


Örnek 
“ 
TÜRKİYENİN 
ULA 7 0 BE İN İZNE 
Tanman "eyi Panik Yaş * ga RAFFA 
0 SÖİMEY İDAM EA 
in DA *Ex 
ÜYÜK Mr ! Rİ 
BAŞARI © 
Ba İn gren Mem İp asa .— 
A KR ra 
Örnek alt kurum siteleri, bağlı oldukları kurum (en arkada) ile tutarlı olacak şekilde tasarlanmıştır. 
Referanslar 


e 1S09241-151/ 6.12 - Coherent multi-site strategy 
e |S09241-151/9.3.13 - Consistency across related websites 


Faydalı Kaynaklar 
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2.3. Alternatif Alan Adları 


İlke 
Gerekli durumlarda internet siteleri için alternatif alan adları kullanılabilir. 


Açıklama 
Bağlantı isimleri belirlenirken kurumun ismi, ait olduğu hizmet alanı ve kullanıcı kitlesinin alışkanlıkları göz önünde 
bulundurulmalıdır. 


Yönergeler 

» İnternet sitelerinin bağlantı (URL) adreslerinde, internet protokol (IP) adresi (Örn. 212.175.169.156 vb.) 
kullanılmamalıdır. 

e» o İnternet siteleri isimlerinde kullanıcıların aşina olmadığı ya da kurumla ilgili olmayan kısaltmaların kullanımı 
tavsiye edilmemektedir. 

e Bazı kurumların isimleri çok uzun olabilir ya da kurum adının kısaltması anlaşılır olmayabilir. Bu gibi 
durumlarda, her iki alan adı da kaydettirilerek, aynı siteye erişim sağlanmalıdır. Örneğin, “uab.gov.tr” ve 
“ubak.gov.tr” adreslerinin ikisi de T.C. Ulaştırma, Denizcilik ve Haberleşme Bakanlığı'na erişim sağlamak için 
kullanılabilmektedir. 

e o Yurtdışı ve yurtiçinde Türkçe bilmeyen kullanıcılara hitap eden kurum alan adları alternatif olarak İngilizce kayıt 
altına alınabilir. 


Örnek 
« ca i ubak oyan -&*ğ 
TÜRKİYE CUMHURİYETİ 
TÜRKİYE CUMHURİYETİ 
FAALİYETLER “ OEHİZMENER MEVZUAT İSTATİSTİKVERAPON BASINODASI“ İMETİŞİM 
Örnek siteye, hem “uab.gov.tr” adresi ile hem de “ubak.gov.tr” adresi ile erişim sağlanabilmektedir. 
Referanslar 


Faydalı Kaynaklar 


AA 


2.4. URL Adresi 


İlke 


İnternet siteleri için uygun URL isimleri seçilmelidir. 


Açıklama 

Kullanıcılar bir internet sitesinin ana sayfasına ya da alt sayfalarına, tarayıcıyailgili sayfanın URL adresinidoğrudan yazarak 
erişmek isteyebilir. Bu nedenle, internet sitelerinde URL adreslerinin kullanıcıların beklentilerini karşılayacak şekilde, 
açık ve anlamlı olarak isimlendirilmesi gerekmektedir. URL adreslerinin tutarlı ve okunabilir yapıda oluşturulması, hem 
ilgili adresin hatırlanabilir olmasını artırmakta hem de kullanıcıların site içinde dolaşımını kolaylaştırmaktadır. 


Yönergeler 
e URL isimlendirmelerinde anlamsız ifadeler ve işaretler kullanmak yerine, mümkün olduğunca kısa ve açık 
isimlendirmeler tercih edilmelidir. 
e (o Gereksiz kısaltmalardan kaçınılmalıdır. 
e (o Türkçe kelime kullanılmasına özellikle dikkat edilmeli, “store”, “info”,"publications”, “server” gibi yabancı 
kelimeler kullanılmamalıdır. 


Örnek 


.... sl... , Şüste aspid&canla-mal-kurumlar 


Anlaşmalı Kurumlar ve Özel Durumlar 
Hastane Tarihçesi 
1.SGK 
Hastane Yönetiaimizin Mesa SOK ya büğü hastaların Hastanemizde müavene olabimeleri içini kilik va da kimlik yerine geçen (ehliyet pasaport, evilk cü 
Viyon ve Misypu mirocaat etmeleri gerekmektedir. Hastanemize başvuru sırasında Sosyal Güvenlik Kurumu Je inemet üzerinden otomatk bağ 
ERER sağlık hizmetlerinden faydalanıp #ydalnamyacağı kontrol edir Bun drumlarda, hastalarınızın sosyal güvencesi olduğu hal 


kontroller serasıda, kişin sağlık hizmetlerinden vararlaramayacağı bilgisi alınmaktadır. Sorunu çözümü için hasa bağlı buhur 

yönlendiriik ve Kurum tarafreları votur çözülürce hastaya maiavene kayd açisbür Hastanemize başvurmadım önce kurumun 
karşılamadığı 4 —devlet şivesi kullanlarak İk tımçs wwe Meke guv i adresinden kontol edlebilr. 
Hastanemizin acil servinse başvızulduğuxda hastatırı sosyal giivencesine bakalmakscn bastan gerekli acil emavenesi önceliki 
bittikten sonr gerekli belgeler hasta ya da yakınlarından istenmektedir 
A SGK- İŞ KAZASI 
Br iş verrxde çalışan sosyal güvencesi SGK olar çalışarızı iş yerinde bulunduğu sırada herisanıni bir durum sebebiyle yaralarım; 
İş Kazasi geçiren hastaların hastaneye başvurusu srasıda gelinmesi gereken evraklar; 
| — Nüfas cürdan 
3 Kazayın Şahit lemleri mezalnrkğı vizite kağıdı (Vizite kağıdında prim gün sayma tam olrak belrtimiş olmehdr. Vizile kağıt 
olmada) 
1. Kaza sonrasıda Kaza yerinde düzenlenen ve ici şahidin nralarran belundeğu katana Hastanemizin acil servmss başvızıi 
güvenösüme bakalnakcızn bastan, gerekli acil suavenesi önceliki sağlarar. Hasterım tedavisi biükten soru gerekli belgeler b 
istenmektedir 
B- SGK-AĞIR ÖZÜRLÜ SAĞLIK KURULU RAPORLU 
Ağ özürlü sağl. Kurulu Raporu buhunan hastaları hastanemizde amayene olabimeleri için kinlik va da kunlik verime geçen | 
siki) resmi belselerden biri de müracast seneleri gerekmektedir. Ağı özürükde drum saslık kurulu raporu e belrelendirime 
“evet” olmak işaredemiş ise Sağlık Kurulu Raporu ie işlem vapdır ve hasta kaydı açlır. 

Örnek sitede, URL isimlendirmesinde anlamsız karakterlere (Örn. “?","4”,"&” gibi) yer verilmiş, isimlendirme kullanıcılar için anlamlı olacak 


şekilde oluşturulmamıştır. İnternet sitelerinin URL isimlendirmesinin açık ve anlamlı olması beklenmektedir. 


Referanslar 
» |S09241-151/10.4 - URL names 


Faydalı Kaynaklar 


© 
Li 
— 
z 
LU 
Se 
fi 
Li 
— 
< 
A 
S 
E 
— 
< 
LU 
> 
— 
4 
> 
LI 
Pp 


3. TEKNİK VE ALTYAPISAL ETKENLER 


İnternet sitelerinin kullanılabilirlik standartlarına göre geliştirilmesi kadar kullanılan geliştirme teknolojisinin 
kabiliyetleri de kritiktir. Güncel, o yaygın kullanımı olan, kullanılabilirlik ve erişilebilirlik ilkelerinin rahatlıkla 
uygulanabildiği ve sitenin uzun ömürlü olmasını sağlayacak bir teknoloji seçimi yapılmalıdır. 


Bu bölümde, 
e (o Güncel Web Geliştirme Teknolojileri 
ilkesi ele alınacaktır. 


İİ ntelefii 


3.1. Güncel Web Geliştirme Teknolojileri 


İlke 
İnternet siteleri geliştirilirken yaygın olarak kullanılan teknoloji standartları göz önünde bulundurulmalıdır. 


Açıklama 

İnternet sitelerinin yaygın olarak kullanılan teknoloji standartlarına uygun bir şekilde tasarlanması beklenmektedir. 
HTMLS, CSS gibi yardımcı teknolojiler (assistive technologies) ve kullanıcı ajanları (user agent) ile uyumlu çalışabilecek 
standartların göz önünde bulundurulması sitenin kullanılabilirliği ve erişilebilirliği açısından önemlidir. 


Yönergeler 
» o İnternet siteleri değişen teknolojilere uyum sağlayabilecek şekilde tasarlanmalıdır. 
e (o Tarayıcıya özgü ya da yaygın kullanımı ve desteği olmayan teknolojileri barındıran içerik gösterim bileşenleri 
kullanılmamalıdır. 
e o Sitenin daha uzun ömürlü olmasını sağlayacağı için basit ve yalın teknolojiler tercih edilmelidir. 
» o Ücretli çözümler yerine güvenliği yetkili kurumlarca teyit edilmiş açık kaynaklı çözümlerin tercih edilmesi 
önerilmektedir. 


Örnek 


© Erişilebilirlik 


e-Devlet Kapısı uygulaması dahilinde sunulan bilgi ve hizmetler , kullanıcının sahip olduğu cihaz, yazılım ve fiziksel kısıtlamalardan bağımsız olarak en geniş 
kullanıcı kitlesine hitap edecek şekilde hazırlanmıştır. 


www.türkiye,.gov.tr engelli vatandaşların da kolayca kullanabilmesini sağlayacak tasarım özelliklerine sahiptir. 

Erişilebilirlik Özellikleri 

e-Devlet Kapısı, toplumun tüm fertleri tarafından kolay kullanılabilecek ve kullanıcının ihtiyaç duyabileceği ek ticari yazılımları mümkün olan en alt seviyede 
tutacak şekilde tasarlanmıştır. 

» Tüm sayfalar ve interaktif içerik engelli kullanıcılar göz önüne alınarak oluşturulmuştur. 

e Ekran okuyucuları ve fare kullanamayan kullanıcılar için, tüm içerik sadece klavye ile kullanılabilir. 

» Sayfalarımız W3C ve Kamu İnternet Siteleri Standartları göz önünde bulundurularak hazırlanmaktadır. 

» Teknik olarak, XHTML 1.1 ve CSS 2 destekli yazılımlar ile görüntülenebilecek şekilde tasarlanmıştır. 


e-Devlet Kapısı ekibi olarak sayfalarımızın daha erişilebilir olması için çalışmaktayız. Olası erişilebilirlik sorunlarının çözülmesi için, lütfen karşılaştığınız tüm 
problemleri bize iletiniz. 


Örnek site, yaygın kullanılan teknoloji standartları kullanılarak hazırlanmış, bu bilgi kullanıcılar ile paylaşılmıştır. 


Referanslar 
e o |S09241-151 / 10.6 - Using generally accepted technologies and standards 
e o|S09241-151 / 10.8 - Making Web user interfaces robust 
e o|S09241-151/ 10.10 - Making the user interface of embedded objects usable and accessible 


Faydalı Kaynaklar 
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4. AYGIT BAĞIMSIZ TASARIM 


İnternet sitesinin kolay ve en az hata ile kullanılmasını sağlamak amacıyla analiz, tasarım ve geliştirme süreçlerinde 
sitenin kullanılabilir olarak tasarlanması için gerekli çalışmalar yapılmalıdır. İnternet sitesine farklı cihaz ve 
teknolojilerle erişim sağlanabileceği, sitenin farklı özelliklere sahip kullanıcılar tarafından kullanılabileceği göz önünde 
bulundurulmalıdır. 


Bu bölümde, 
se (Duyarlı (Responsive) Tasarım 
e (Ekran Çözünürlüğü 
e»  İnternetErişimHızı 
e» o İşletim Sistemi Farklılıkları 
e o Tarayıcı Farklılıkları 
ilkeleri ele alınacaktır 


İİ nİnlefei 


4.1. Duyarlı (Responsive) Tasarım 


İlke 
İnternet siteleri tasarlanırken farklı cihaz, ekran ve platformlardan erişim sağlanabileceği unutulmamalı, duyarlı 


tasarım prensipleri uygulanmalıdır. 


Açıklama 

Geniş ekran monitörler, masaüstü - dizüstü bilgisayarlar, tabletler ve her ölçekteki telefonlar için ayrı bir site ve bunlara 
karşılık gelen kod tabanı oluşturmak yerine, tek bir kod tablasının oluşturulması, farklı cihazlardan erişen kullanıcılara 
kolaylık sağlayacaktır. Duyarlı tasarım prensiplerine göre hazırlanan bir internet sitesinde sayfa öğeleri kullanıcı 
cihazlarına göre uyarlanacaktır. Duyarlı tasarım adı verilen bu tasarımın yazılım geliştirme perspektifinden de uzun 
vadede kolaylık getirdiği bilinmektedir. 


Yönergeler 

»e İnternet sitesine bilgisayar, tablet, telefon gibi farklı cihazlardan erişildiğinde, site içindeki resim, yazı gibi 
öğeler ekran genişliğine göre şekillenmeli, yatay kaydırma çubuğuna ihtiyaç duymaksızın sorunsuz olarak 
görüntülenmelidir. 

e (Duyarlı tasarımda sayfa öğeleri sürekli yer değiştirdiği için tasarım ve geliştirme ekipleri yakın çalışmalıdır. 

e Duyarlı tasarıma göre hazırlanmış bir internet sitesi, masaüstü platformda çok güzel bir kullanım deneyimi 
sunabilirken, mobil cihazlarda kullanıcılara kötü bir deneyim yaşatabilir. Sayfa öğeleri diziliminin değiştiği her 
tasarım için kullanılabilirlik çalışması yapılmalıdır. 

e» o İnternet sitesinin tam ekranda kullanılması zorunlu olarak kullanıcıdan istenmemelidir. 


Örnek 


Örnek site, farklı cihazlardan erişildiğinde de sorunsuz olarak görüntülenmektedir. 


Referanslar 
e |S09241-151/7.2.2 - Independence of content, structure and presentation 
e |S09241-151/9.3.14 - Using appropriate technigues for defining the layout of a page 
e o |S09241-151/ 10.9 - Designing for input device independence 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/responsive-web-design-definition/ 


Akk 


4.2. Ekran Çözünürlüğü 


z 
<< 
İlke 
ha İnternet siteleri en yaygın ekran çözünürlüğü ile uyumlu olacak şekilde tasarlanmalıdır. 
ei 
2 Açıklama 
Yo) Gelişen teknoloji ile beraber, insanların kullandığı cihazların da çeşitlendiğini ve bu cihazların daha net ekranlara, daha 
m yüksek çözünürlüklere sahip olduğunu görmekteyiz. 2017 yılı itibariyle günümüzde, çok ziyaret edilen bazı internet 
5 sitelerinin istatistiki verilerine göre bilgisayar kullanıcılarının 9695'inin ekran çözünürlüğü 1024x768 piksel veya daha 
> ü ir. 
i yüksektir. 
Yönergeler 


e o İnternet sitesi tüm çözünürlüklere uyumlu bir biçimde tasarlanmalı, görsel tasarım olumsuz etkilense dahi 
navigasyon ve fonksiyonların olumsuz etkilenmeyeceği bir yapı kurgulanmalıdır. 

e» İnternet sitesinin hangi çözünürlük ve tarayıcıda daha iyi çalışacağına dair bilgi ana sayfada doğrudan 
verilmemelidir. Ancak bu bilgi, teknik bilgiler ya da yardım bölümünde verilebilir. 

e (Görme kusuru olmayan kullanıcıların genellikle ekrandaki yazıları 60cm uzaklıktan 12 punto da okumayı tercih 
ettikleri göz önünde bulundurulmalı, bununla beraber 14-24 inç arası ekranların daha yaygın kullanıldığı dikkate 
alınmalıdır. 

e (o Birçokkullanıcınıninternetsitelerine tablet yada mobil telefon ile ulaştığı göz önünde bulundurulmalı, tasarımlar 
hazırlanırken yaygın kullanılan cihazların çözünürlükleri dikkate alınmalıdır. 

e Kullanıcıların internet sitelerini tam ekran boyutunda kullanma zorunluluğu olmadığından, küçültülmüş 
pencerelerde açabilecekleri unutulmamalı ve ekran tasarımlarında buna da dikkat edilmelidir. 


Örnek 


1920 x 1080 1280x720 


Örnek site, farklı çözünürlükteki bilgisayarlarda sorunsuz çalışmaktadır. 


Referanslar 
e o |S09241-151 / 10.7- Supportingcommon technologies 


Faydalı Kaynaklar 
e o Galitz, W. O. (2007). The essential guide to user interface design: an introduction to GUl design principles and 
technigues (3rd ed.). Indianapolis, IN: Wiley. 


e o https://www.nngroup.com/articles/screen-resolution-and-page-layout/ 


 nİnlefei 


4.3. İnternet Erişim Hızı 


İlke 


İnternet sitelerinin geliştirilmesinde, internet bağlantı hızı ve kalitesi dikkate alınmalıdır. 


Açıklama 

Kullanıcıların bağlantı hızı ve kalitesi sitenin performansını etkilemektedir. Düşük hıza sahip olan bir internet bağlantısı 
ile siteye giriş yapıldığında internet sitesinin yüklenme süresi artmakta, içerikler geç gelebilmekte ve kullanıcılar bu 
durumdan olumsuz etkilenmektedir. Öte yandan düşük bant için optimize edilmiş siteler hem yüksek bantta hem düşük 
bantta oldukça hızlı bir kullanıcı deneyimi sağlayabilmektedir. 


Yönergeler 

» o Sayfalar yüklenirken yaşanan yavaşlığın önüne geçmek için dosya boyutu büyük içerikler (Örn. Fotoğraf, video, 
animasyon vb.) kullanılmamalıdır. 

e Fotoğraflar, ihtiyaç dışı durumlar istisna olmak üzere, orijinal büyük boyutlarında kullanılmamalı, ekrana 
sığacak boyutlara küçültülmelidir. Resim boyutlarının küçültülmesi için editör aracılığıyla büyüklükleri ve 
boyutları küçültülmelidir. HTML/CSS üzerinde fotoğraf/resim gerçek boyunu değiştirme yönünde boy ayarlaması 
yapılmamalıdır. 

e» — Özellikleanasayfanınve sık kullanılan sayfaların hızlı yüklenebilmesi için gerekli optimizasyonlar / iyileştirmeler 
yapılmalıdır. 

e (o Sayfayüklenirken azami bekleme süresi 10 saniyeyi geçmemelidir. 

e (o Sayfanın yüklenmesinde kademeli yükleme teknikleri kullanılabilir. Bu teknikle sayfanın ilk gelen bölümü 
kullanıcı tarafından hemen okunmaya başlanacaktır. 

e (o Sayfalar düşük bağlantı hızları için de optimize edilmelidir. 

» o JavaScript, CSS vb. dosyaların her sayfanın içine eklenmesi yerine, ortak sunucu klasörlerinde tam uzun alan 
adresi ile kaynak kodun içinde kullanılarak önbelleğe alınmaları sağlanmalıdır. 


Örnek 
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Örnek site ilk açıldığında bazı görseller geç yüklenmektedir. Bu durum kullanıcıların internet hızından kaynaklandığı gibi görsel öğelerin 
boyutlarının yüksek olmasından da kaynaklanabilir. 


Referanslar 
e |S09241-151/ 10.5 - Acceptable download times 


Faydalı Kaynaklar 
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4.4. İşletim Sistemi Farklılıkları 


İlke 
İnternet sitesinin farklı işletim sistemlerindeki tarayıcılarla uyumlu halde çalıştığından emin olunmalıdır. 


Açıklama 
Kullanıcıların sahip oldukları işletim sistemleri farklılık gösterebildiğinden, geliştirilen internet sitelerinin bütün işletim 
sistemlerindeki (Örn. Windows, MacOS, Linux vb.) tarayıcılarda sorunsuz olarak çalışması önemli hususlardan birisidir. 


İşletim sistemleri tarafından yazı tipleri (font) veya form öğeleri farklı yorumlanabilmektedir. Aynı yazı tipinin işletim 
sistemlerinde farklı görünmesinin nedeni, kullanılan yorumlama motorlarının farklı olmasından kaynaklanmaktadır. 
Aynı yazı tipi bir işletim sisteminde “anti-aliasing” özelliği ile görüntülenirken bir diğerinde bu özellik kullanılmadığı 
için keskin kenarlı ve daha pütürlü görünebilmektedir. Form öğeleri web teknolojileri (CSS, JavaScript, vb.) ile 
özelleştirilmeden standart hali ile kullanıldığında yine görünüm farklılıkları ortaya çıkabilmektedir. 


Yönergeler 

e (Ulusal açık kaynakişletim sisteminde bulunan tarayıcılar ile sorunsuz çalışma testi yapılmalıdır. 

e» İşletim sistemleri değişse de internet sitesinin görünümü, içeriği ve performansı değişmemelidir. 

e Her işletim sisteminde bulunmayan, ücretli uygulamalar gerektiren eklentili dosya türleri, doküman indirme 
kapsamında kullanılmamalı, yaygın uzantılı türler tercih edilmelidir. 

e (o Kullanıcıların belirli bir işletim sistemini kullandığı varsayılmamalıdır. 

e (Yazı tipi tercihinde, farklı işletim sistemlerindeki yorumlama motorlarının oluşturacağı farklı yazı görünümü 
dikkate alınmalı ve hedef kitle için en ideal yazı tipi seçilmelidir. 


Örnek 
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Örnek siteye farklı işletim sistemlerinde (Windows (soldaki) ve Mac OS (sağdaki) aynı tarayıcı (Google Chrome) ile ulaşıldığında aynı 


performans ve görüntü sağlanmaktadır. 


Referanslar 
e  |S09241-151 / 10.7 - Supportingcommon technologies 


Faydalı Kaynaklar 


e o https://www.smashingmagazine.com/2012/04/a-closer-look-at-font-rendering/ 


nine 


4.5. Tarayıcı Farklılıkları 


İlke 


Tasarım sürecinde internet sitesinin görünümü farklı tarayıcılar göz önünde bulundurularak oluşturulmalıdır. 


Açıklama 


Geçtiğimiz yıllarda, internet siteleri farklı tarayıcılardan görüntülendiğinde ciddi görünüm farklılıkları ortaya 


çıkabiliyordu. Ancak günümüzde, tarayıcıların güncel sürümleri arasındaki tutarlılık artmıştır. Tarayıcı farklılıklarının 


ortaya 


çıkmasında, bazı tarayıcıların hatalı kod yapısını düzeltmesi de etkili olmaktadır. Aynı kod yapısının tarayıcılar 


tarafından farklı yorumlanabilmesinin yanında, geliştiricilerin tarayıcıya özel kod yazabilme imkânı her zaman olacaktır. 


Yönergeler 


Örnek 


Kullanıcıların hangi tarayıcıyı kullanacağı kesin olarak bilinemeyeceği için en çok kullanılan tarayıcılar (Örn. 
Google Chrome, Internet Explorer, Mozilla Firefox, Safari, Opera vb.) göz önünde bulundurularak, internet 
sitesinin bu tarayıcılarda aynı görünüm ve performansa sahip olması sağlanmalıdır. 

Tarayıcılarda ki özel bileşenlerin (Örn. Component, plug-in vb.) kullanımının web sitelerinin görünümünü 
etkileyebilme ihtimali olduğu göz önünde bulundurulmalıdır. 

İnternet sitesinin hedef kitlesi dikkate alınarak, özel eklentiler ya da en son tarayıcı sürümlerinde bulunan 
özelliklere dayalı tasarımların kullanımından kaçınılmalıdır. 

İşlemci gücünü ve batarya kapasitesini zorlayan bileşenler mümkün olduğunca kullanılmamalıdır. 

Sayfa kodlarında hata olmamasına dikkat edilmelidir. Bu hataların bir kısmı bazı tarayıcılar tarafından 
düzeltilebileceği gibi bir kısmında ise sayfa görünümü etkilenecektir. Bu durum, tarayıcılar arasında görünüm 
farklılıklarına yol açabilmektedir. 


Örnek resimlerde görüldüğü gibi aynı internet sitesi farklı tarayıcılarda aynı şekilde görünmektedir. 


Referanslar 


ISO 9241-151 / 10.7 - Supporting common technologies 


Faydalı Kaynaklar 


https://www.usability.gov/sites/default/files/documents/guidelines book.pdf 
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5.PERFORMANS ODAKLI TASARIM 


İnternet sitesine farklı cihaz ve teknolojilerle erişim sağlanabileceği, sitenin farklı özelliklere sahip kullanıcılar 
tarafından kullanılabileceği göz önünde bulundurulmalıdır. Kullanıcıların sitedeki bilgiye hızlı bir şekilde ulaşmasını 


sağlamak ve bunun için çalışmalar yapmak gereklidir. 


Bu bölümde, 
e (Farklı Teknik Donanımlarda Çalışabilirlik 
e (Sayfa Yüklenme Süresi 

ilkeleri ele alınacaktır 


AA 


5.1. Farklı Teknik Donanımlarda Çalışabilirlik 


İlke 


Geliştirilen sitenin halen kullanımda olan tüm teknik donanımlarda çalışması hedeflenmelidir. 


Açıklama 

Kullanıcıların sahip oldukları teknik olanaklar çeşitli nedenlerde güncel olmayabilir. Düşük performanslı bilgisayarlar, 
ekranlar ve giriş çıkış birimleri, işletim sistemleri kullanıyor olabilir. Tüm paydaş vatandaşların yeterli hizmete 
erişebilmesi amacıyla geliştirilen sitenin olabildiğince farklı teknik donanımlarda çalışabilir olmasına dikkat edilmelidir. 


Yönergeler 
e (Duyarlı tasarımda bütün cihazlara aynı kod servis edilirken, kullanıcılar çok farklı teknik kapasitede cihazlardan 
internet sitelerine erişebilmektedir. Teknik kapasitesi yüksek cihazlarda sorunsuz çalışan bir internet sitesi, aynı 
zamanda düşük işlem gücüne sahip cihazlar için de optimize edilmelidir. 
e — Tarayıcı üzerinde çalışan kod (script) yazılması planlanırken hedef kitlenin ihtiyaçları ve imkânları göz önünde 
bulundurulmalıdır. 


Örnek 


Referanslar 
. — 
Faydalı Kaynaklar 


telafi 


5.2. Sayfa Yüklenme Süresi 


İlke 


İnternet sitesi kısa sürede açılmalıdır. 


Açıklama 

Kullanıcılar geç açılan sayfaları beklemek yerine genellikle sayfayı kapatmayı tercih etmektedirler. Bundan dolayı 
sayfanın açılma süresini uzatacak her durumdan kaçınılmalıdır. 3 saniyeyi aşan her işlemde kullanıcılar dikkatini 
kaybetmekte, internet sitesinde sorun olduğunu düşünmekte ve dolayısıyla yapacakları işlemden vazgeçebilmektedir. 


Bu nedenle kullanıcı internet hızının etkisine benzer olarak sunucu performansı da sayfa yükleme süresine önemli 
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ölçüde etkendir. Kullanılan tüm bileşenlerin dosya boyutu ve kod parçacıklarının karmaşıklığı sayfa yükleme süresini 
olumsuz etkileyebilmektedir. 


Yönergeler 
e o İnternet sitesindeki bütün sayfalar kısa sürede açılmalıdır. 
e (o Sayfalardayer alan multimedya öğelerinin boyutları optimize edilmelidir. 
e» o İnternet sitesinin cevap verme süresinin 3 saniyeyi geçmemesi gerekmektedir. 


Örnek 


Örnek site geç açıldığı için içerik yüklenene kadar kullanıcılar siteyi parça parça görebilmektedir. Bu durum, sitenin performans olarak 


başarısız olduğunu göstermektedir. 


Referanslar 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/website-response-times/ 


e o https://www.sshoutmeloud.com/improve-website-loading-speed-seo-usability.html 
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6. İÇERİK POLİTİKASININ BELİRLENMESİ 


İnternet sitesi içeriklerinin kurum politikası çerçevesinde belirlenmesi ve hedef kitlenin ihtiyaçlarına cevap verebilmesi 
gerekmektedir. Bu nedenle, içeriklerin tutarlı olacak şekilde ve kullanılabilirlik standartları temelalınarak oluşturulması 
beklenmektedir. 


Bu bölümde; 
»e o Alternatif Dosya Formatları 
e o Görselvelşlevsel Tutarlılık 
e İletişim Bilgilerinin Tutarlılığı 
e» İndirilebilir Dosya İsimleri 
e o İnternet Sitesinin Kişiselleştirilmesi 
e o İnternet Sitesinin Yedeklenmesi 
e (Kullanıcı Hataları 
e» — ÖlçüBirimi Formatları 
e o Ticari Reklamlar 
e (o YabancıDilde Site 
ilkeleri ele alınacaktır. 


İntel 


6.1. Alternatif Dosya Formatları 


İÇERİK POLİTİKASININ BELİRLENMESİ 


İlke 
Kullanıcıların ek yazılım yükleme ihtiyacı olmadan dosyalara erişebilmesi için yaygın olarak kullanılan dosya formatları 


desteklenmelidir. 


Açıklama 
İnternet sitelerinde kullanıcılar için elektronik formatta dosyalar sunulabilmektedir. Dosyaların daha fazla kullanıcıya 
ulaşması amacıyla farklı formatlarda sunulması faydalı olmaktadır. Örneğin, sadece metin içeren bir dosyanın gerekli 


olduğu durumlarda ilgili dosya “.pdf”, “.rtf”, “docx” veya “.odt” formatlarında sunulabilir. Böylece dosyayı açabilmek için 
sadece bir programın kurulu olması gerekmeyecek farklı programlar kullanılarak da o dosya okunabilecektir. 


Yönergeler 
» Dosyabarındıran internet sitelerinde, dosyalar farklı formatları ile kullanıcılara sunulmalıdır. 


e Farklı formatlar belirlenirken en yaygın ve mümkünse ücretsiz olarak kullanılabilen uygulamalar dikkate 
alınmalıdır (Örn. Libre Office, Adobe Reader, Microsoft Office, vb.). 


Örnek 


Ana Sayfa > Kütüphane » 


Yillik il istatistikleri 


Elektronik Haberleşme Sektörüne İlişkin İl Bazında Yıllık İstatistik Bülteni 


(2007 - 2012) çene âi) 


Örnek sitede, indirilecek dosya birden fazla formatta sunulmuş, kullanıcıların uygun olan formatta dosyayı indirebilmesi sağlanmıştır. 


Referanslar 


Faydalı Kaynaklar 
»* o http://usability.com.au/2004/05/pdfs-and-accessibility/ 


telafi 


6.2. Görsel ve İşlevsel Tutarlılık 


İlke 


İnternet sitesinde yer alan benzer kavramlara karşılık gelen görseller ve işlemler tutarlı olacak şekilde tasarlanmalıdır. 


Açıklama 

İnternet sitesinin tutarlılığı açısından aynı türdeki görsel ve işlemlerin benzer şekilde yapılması gerekmektedir. Tutarlılığı 
olmayan bileşenler kullanıcıların hata yapmasına neden olabilmektedir. İnternet sitesinde tutarlılık sağlandığında, 
kullanıcıların daha az hata yapması, işlemleri daha kısa sürede tamamlaması ve bunlarla birlikte kullanıcı memnuniyeti 
garanti altına alınacaktır. Tutarlılık, kurum kalite algısını belirleyen önemli faktörlerden birisidir. 


Yönergeler 

e o Verigirişalanlarında bulunan benzer türdeki veriler aynı formatta girilebilmelidir. 

e o Verigirişalanlarının konumlandırılması benzer fonksiyonlar için aynı biçimde yapılmalıdır. 

e o Siteiçerisinde yer alan menüler, işlevsel ve görsel olarak benzer olmalıdır. 

»e Birdenfazlaadımdanoluşan benzer işlemler bulunuyorsa, bu işlem adımları tutarlı olacak şekilde tasarlanmalıdır. 

e o Site içerisindeki tutarlılığa ek olarak kullanıcı alışkanlıklarına uygun / genel kabul görmüş işlem ve formatların 
kullanılması gereklidir. 

e (o Kullanılanikon,font, çizgi, ayırıcı, ok vb. bileşenler aynı soyutlama seviyesinde, aynı aileden tutarlı olacak şekilde 
seçilmelidir. 


Örnek 


o w A oc ui 
404 KAPAR AĞ 
Lr vi m rm vi ar bem. AM Ti. MR | MR ri, AR... 


—.. vatman 
TETA ii 
sakaa yigiseii , arasi “Eseri Gelerek Dünerde Pörkiya vin Parlayan Tan Olacak” salar sanan * ETME Tastan Viderieii 


sem: ür —— El odu 
Yaran İpetkmm 
Le bii rr 


Bakin Dürer “Türkiye'nin Orya #ikderridn Tanrı Ve Onruyu 
» 


N 


Lim iğ 
aa 


Örnek sitede, fotoğraf ve video galerileri bölümlerinde hem görsel hem de işlevsel olarak benzerlik sağlanmıştır. 


Referanslar 


Faydalı Kaynaklar 
e o https://www.interaction-design.org/literature/article/principle-of-consistency-and-standards-in-user- 
interface-design 


e o https://uxdesign.cc/design-principle-consistency-6b0cf7e7339f 


AAA 


6.3. İletişim Bilgilerinin Tutarlılığı 


İlke 
İnternet sitesinde farklı konumlarda ve sayfalarda yer alan iletişim bilgileri tutarlı olmalıdır. 


İÇERİK POLİTİKASININ BELİRLENMESİ 


Açıklama 

Kamu kurumları zaman içerisinde yer değiştirebilmekte, birimler farklı bölgelere taşınabilmekte ya da iletişim 
bilgilerinde değişiklikler yaşanabilmektedir. Bu durum, kullanıcıları yanlış yönlendirmenin yanında siteye olan güvenin 
sarsılmasına ve sitedeki diğer hizmetlerin de kalite algısında azalmaya neden olmaktadır. 


Yönergeler 
e İletişim bilgileri, görüntülendiği sayfalarda ve konumlarda görsel ve içerik olarak tutarlı olmalıdır. 


e (o Adres,telefon ve posta kodu vb. bilgiler ana sayfada ve alt birim sayfalarında tutarlı olacak şekilde verilmelidir. 
se — İletişim bilgilerinin yaygın kullanım formatına uygun olarak verilmesi gereklidir. 


e oKurumların iletişim bilgilerini indeksleyen servislerin iletişim bilgileri değiştikçe güncellemesi için çalışma 
yapılmalıdır. 

e Form tabanlı iletişim olanağı tercihen sağlanabilir. 

e İletişim bilgilerinin mutlaka güncel olmasına dikkat edilmelidir. 


Anasayfa 


7 5760 
Yi tarancan sunulan tilçiler kaynak göslerişrek kuları!adlir. 


İletişim Sayfası 
i 


Enerji ve Tabi Kaynaklar Bakanlığı 
9 Adres: 


TüM Ocüği Caddesi NO:2 06100 Çarkaya/ANKARATURKİYE 


Örnek sitede, Anasayfa'nın alt bölümünde yer alan iletişim bilgileri ile İletişim Sayfası içerisinde yer alan iletişim bilgilerinin format olarak 
uygun olduğu görülüyor. 


Referanslar 


Faydalı Kaynaklar 

e o https://www.interaction-design.org/literature/article/principle-of-consistency-and-standards-in-user- 
interface-design 

e o https://uxdesign.cc/design-principle-consistency-&b0cf7e7339f 


AAA 


6.4. İndirilebilir Dosya İsimleri 


İlke 


İnternet sitelerinde yer alan indirilebilir dosyaların isimlendirmesinde anlamlı ifadeler kullanılmalıdır. 


Açıklama 
İnternet sitelerinde, bazı durumlarda ihtiyaca yönelik olarak indirilebilir dosyalara yer verilebilmektedir. Bu dosyaların 
isimlendirmesine dikkat edilmesi, kullanıcı deneyimini olumsuz etkileyecek durumların da önüne geçecektir. 


Yönergeler 
e Dosyaların hangi amaca hizmet ettiğinin kullanıcılar tarafından anlaşılabilmesi için dosya isimleri kısa ve 
anlaşılır ifadelerle yazılmalıdır. 
e o Kullanıcılaradosyaadıile birlikte, dosya türü ve boyutu hakkında da bilgi verilmelidir. 
e (o Tarih ve versiyon bilgisi aksini gerektiren bir durum yoksa mutlaka dosya adının son kısmına eklenmelidir. 
e Dosyaisimlerinde boşluk veya özel karakterler kullanılmamalıdır. 


Örnek 

ş Save As 

im. - .—.—.—..— ye - e a, a a 

Gu: BE Desktop » İş 

File name  RAPOR?20070127-7-11$6slevsel 
Save as type | WinRAR ZIP archive (*zip) » 
ww Browse Folders 
Örnek sitede, indirilmek istenen dosya ismi kullanıcılar için anlamsız ifadeler içermektedir. 

Referanslar 


Faydalı Kaynaklar 
e o hitps://webstandards.hhs.gov/standards/14 


6.5. İnternet Sitesinin Kişiselleştirilmesi 


İÇERİK POLİTİKASININ BELİRLENMESİ 


İlke 
İnternet siteleri kişi yada kuruma özel hizmetler sunuyorsa, kullanıcı ihtiyaçlarına göre uyarlanabilmelidir. 


Açıklama 

Özellikle sürekli ve düzenli kullanılan hizmetlere erişim sırasında internet sitelerinde yer alan içeriklerin ve navigasyon 
yapısının belirli kullanıcılara veya kullanıcı gruplarına göre uyarlanması, kullanıcıların ilgi alanlarına göre içeriklerin 
gösterilmesi ve onların ilgili içeriklere kolayca yönlendirilmesi gibi açılardan oldukça faydalı olmaktadır. Sık kullanılan 


sistemlerde kişiselleştirmenin kullanıcı performansını ve tatminini artırdığı bilinmektedir. 


Yönergeler 


e (o Kullanıcıların oturum açarak işlem yaptıkları internet sitelerinde, mümkünse kullanıcı ihtiyaç ve alışkanlıklarına 
göre kişiselleştirme yapılabilmesi sağlanmalıdır. 


e (Kullanıcı girişi farklı rollerle yapılıyorsa, kullanıcıların oturum açtıkları roller ve bu rollere göre sahip oldukları 
yetkiler açıkça belirtilmelidir. 

»e (Kullanıcılara profil bilgilerini ve ayarlarını görüntüleyebilme, düzenleyebilme ve silebilme yetkisi verilmelidir. 

e (Kullanıcıların site içerisindeki navigasyon alışkanlıklarına ya da ziyaret ettikleri sayfalara göre otomatik olarak 
uyarlama yapılıyorsa (Örn. Ziyaret edilen sayfalara göre kullanıcıların ilgisini çekebilecek yeni sayfa önerisinde 
bulunulması gibi), bu uygulamanın amacı ve kullanılan bilgiler kullanıcılarla paylaşılmalıdır. 

e (Kullanıcılar istedikleri zaman, sitenin otomatik uyarlanma özelliğini devre dışı bırakabilmelidir. 

e (o Kullanıcı ustalık seviyesine göre bir ayarlama yapılacağı zaman bu bilgi önceden kullanıcıya verilmeli, seviyeler 
arası geçiş için ipuçları her kademe arayüzde verilmelidir. 


Örnek Hü 


* CA Bi menakiyayout/han, 


Örnek sitede, oturum açan kullanıcılar “Benim Sayfam” seçeneği ile sık kullandıkları işlemleri (sol tarafta) ve ana sayfada görüntüleyecekleri 
işlemleri (ortada) kişiselleştirebilmektedir. 


Referanslar 
. ISO 9241-151 / 7.2.9 - Individualization and user adaptation 


Faydalı Kaynaklar 
»*  hitpsı//www.nngroup.comy/articles/customization-personalization/ 
»* o https://www.nngroup.com/articles/personalization/ 
»* o https://www.nngroup.comy/articles/personalization-is-over-rated/ 


AAA 


6.6. İnternet Sitesinin Yedeklenmesi 


İlke 


İnternet siteleri düzenli aralıklarla arşivlenmeli ve yedeklenmelidir. 


Açıklama 

Kurumların kâğıt üzerindeki yazışmalarının arşivlenmesi gibi, kurum internet sitelerinde yer alan içeriklerin de 
arşivlerinin tutulması gerekmektedir. Site içeriklerinin arşivlenmesi ile hem kurumsal hafızanın oluşmasına katkı 
sağlanmakta hem de olası sistem çökmesi ya da siber saldırı durumları için yedekleme yapılmaktadır. 


Yönergeler 

e (o Yedekleme prosedürü tanımlanmalı ve uygulanmalıdır. 

e» İnternet sitesi içeriklerinin tamamının arşivlenmesi mümkün olmuyorsa, önem derecesine göre içerikler 
belirlenmeli ve bu doğrultuda arşivleme yapılmalıdır. 

e ( Arşivlemeişlemi düzenli aralıklarla yapılmalıdır. 

»e (o Yetki sahipleri tanımlanmalı, ilgili kişiler arşivlere kolayca ulaşabilmelidir. 

e o Sisteme erişim kayıtları, veritabanı ve sistem dosyaları sistemin çökmesi veya siber saldırı gibi ihtimallere karşı 
düzenli aralıklarla mutlaka yedeklenmelidir. 

e (o Yedeklenen dosyalardan sistemi geri yükleme altyapısı oluşturulmalıdır. 

e o Site tasarımı değiştirildiğinde ya da yapı değiştirildiğine eski yapının arşivi yetkili kişilerin erişimi amacıyla 
korunmalıdır. 


Örnek YülüLReTiği ML 


“ Msçinie virlame AR Hamoç Vatyiladinai 


» Mayayı Bilime A Feşbegil ie Va aile 
Kase ufka hür Spine Sira vee Ünipka pe 


O ksçüşire villaları Sennekara hr arp eliyle 


O rn Sille A Gnemelar 
İİ Açiramı Semt ve Yödleriireme Snherii HİLİ 
“Bese Memet Meçrom akti TİMES) 
e PR AA 

a ayna öt ğine a eyy EE) ş Azem Bari v8 4 e Gm Güvey bem ÇALLI 
O eren vereli irt Gü Gila Seren Very Si DENEN, 

O Yaiyiece Bb Glgyek Setavye et araz) ÇA) 

Üremeleri Karre le dd nere İİ 

Sen temine Eğin Göre Bram ÜTÜ 

Yalan rule Örme Saman ÜTÜ 

Ba Gy Mama Çİ 

Dİ nst kazalar Tu Babe Matan Mizan Uslan Öğrenmesi Gösesnli Üğremeleri Gaytem Game (ALE) 
» Tara Ven Dal azam Eği Gong Gam Çİ 


“eğer Kenya 


Örnek sitede, sitenin amacına uygun olacak şekilde, geçmiş site içeriği konularına göre gruplandırılarak arşivlenmiştir. 


Referanslar 


Faydalı Kaynaklar 


e  http://www.techrepublic.com/blog/10-things/10-things-you-should-know-about-long-term-data-archiving/ 
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6.7. Kullanıcı Hataları 


İlke 
İnternet siteleri, kullanıcıların hata yapmasını engelleyecek şekilde tasarlanmalıdır. 


Açıklama 

Kullanıcıların hata yapması beklenen, doğal ve kabul edilmesi gereken bir durumdur. Geliştirilecek olan tüm teknolojik 
sistemlerin amacı, tasarım teknikleri ve teknolojik destek ile kullanıcıların hata yapmasını engellemeye yönelik 
önlemler almaktır. Hatalar genellikle kullanıcının zihninde oluşmuş model ile yazılımcının zihninde oluşmuş modelin 
tam olarak örtüşmemesi nedeniyle oluşur. Hata yapan kullanıcı genellikle mutsuz olur ve başarısız hisseder, bazı 
durumlarda sistemin düzgün çalışmaması gibi bahanelerle hata sebebini açıklamaya çalışır. 


İnternet sitelerinin hedef kitlesi göz önünde bulundurularak, kullanıcıların işlem yaparken karşılaşabileceği hataların 
en az seviyede tutulması gerekmektedir. Hataların oluşmadan önce hataya sebebiyet verebilecek bileşen ve yapıların 
ortadan kaldırılması gereklidir. Hata oluştuğunda ise kullanıcının kendisini kötü hissetmesine yol açmayacak yapıcı bir 
dil ve açıklama ile hatadan döndürülmesi ve yeniden sürecin yoluna sokulması doğru olmaktadır. 


Yönergeler 

e (o Sayfalarda “yönelim bilgisi” ve “başlık” mutlaka bulunmalıdır. Bu, kullanıcıların hangi bağlamda olduklarını 
kendilerine sürekli hatırlatır ve hatalı komut / girdi vermeye engel olur. 

e (Form tabanlı veri toplama süreçlerinde kısa ve anlaşılır yönergeler bulunmalıdır. 

e Alan kontrolleri mutlaka yapılmalı, kullanıcı gönder düğmesine tıklamadan önce olası hatalar yakalanmalıdır. 

» (o Örnekverilerek kullanıcının zorluk çekebileceği yerlerde yardımcı olunmalıdır. 

e (o Telefon numarası, vatandaşlık numarası gibi alanlarda hatalı girişi engellemek ve giriş hızını artırmak için 3-3-4 
ya da 3-3-3-2 gibi bölütleme alanları kullanılmalı ve bu tutarlı uygulanmalıdır. 

e (Aktif olmayan bağlantı ve fonksiyonlara erişim kaldırılmalı ya da tıklanamaz biçime dönüştürülmelidir. 

e (o Kullanıcıların yanlış anlayabileceği tasarım ve içeriklerden kaçınılmalıdır. 

e (o Kullanıcının girmiş olduğu veriler hata mesajından sonra sıfırlanmamalıdır. 

e (o Hatalıveri, hata mesajında ayrı renkte / fontta işaretlenmelidir. 

e (Hatamesajında önemli bir bilgi veriliyor ve bu bilgi tamam/kabul tıklamasından sonra kullanılması gerekiyor ise 
ekranda tutulmalı, kullanıcı hatırlamak ya da not almak zorunda bırakılmamalıdır. 

e Hata, uyarı ve bilgi mesajları ile kullanıcılar açık ve anlaşılır bir şekilde bilgilendirilmelidir. Hata mesajları 
kullanıcının yapmayı düşündüğü görevi tanımlamalı ve yeterli bilgi içermelidir. (Örn: benimdosyam.odt dosyası 
silme işlemi başarısız oldu: Dosya bir başka program tarafından kullanılıyor vb.) 

» — Kullanıcınınkültürel olarak hoş karşılamadığı hata mesaj yapıları ve mesaj tonu kullanılmamalıdır. (Örn: “Yasadışı 
işlem algılandı”, “Erişim izni iptal edilmiş!”, “Yetkiniz yok!!!” vb.). 

e (Hata mesajlarıile uyarı mesajları birbiri ile karıştırılmamalı, ayrı görsel ve metinsel bileşenler kullanılmalıdır. 

e (OHatamesajıdilinde yargılayıcı, sorgulayıcı ve küçültücü ifadelere yer verilmemelidir. 

e (Hata mesajı içeriği doğru işleme yönlendirici bilgi içermelidir. 

e (OHatamesajları,kullanıcınıngözden kaçırmayacağı şekilde sunulmalı, kullanıcı bağlamına bağlı olarak gerektiğinde 
sesli uyarılarla desteklenmelidir. Ancak sesli uyarıların olabildiğince kullanılmaması tercih edilmelidir. 


Örnek 


Girdiğiniz e-posla adresi hatalı. 


Not Hesabımız aktif edebilmek için doğru bir e-posta adresi girmelisiniz. Yöneticiler 
hesabınızı inceleyecekler ve eğer onaylarlarsa belirttiğiniz adrese bir e-posta 


alacaksınız, 
Kullanıcı adr. lAliD 
Uzünluk 3 ve 70 karakter > 
arasında oleraladır 
E-posta adresi: falı demirgmaıl,com 
E-posta adresini İali.demirgmall.com 
doğrula: 
Şiire:  ...... 
Sifre 3 ve 20 karakter 
arasında olmalıdır. 
Şifreyi doğrula: ...... 
Dil: JTürkçe v 
Zaman dilimi: İUTC 4 2, BI Doğu Avrupa Zamanı, Merkezi Afriks Zamanı > 


(Gönder 


Örnek sitede, girilen e-posta adresi kontrol edilmekte, bilgilerin hatalı olarak gönderilmesine izin verilmeyerek kullanıcıya geri bildirim 
sunulmaktadır. 


Referanslar 
e o1S09241-151/10.3.1 - Minimizing user errors 
e o1S09241-151/10.3.2 - Providing clear error messages 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/slips/ 
e o https://www.nngroup.com/articles/user-mistakes/ 


e o https://measuringu.com/errors-ux/ 


AAA 


6.8. Ölçü Birimi Formatları 


İlke 
İnternet sitesinde kullanılan ölçü birimleri, tutarlı ve sitenin görüntülendiği dil ile uyumlu olmalıdır. 


Açıklama 

Farklı dil seçenekleri sunulan internet sitelerine ait içeriklerde ve veri giriş ekranlarında yer alan öğelerin (Örn. para 
birimi, ölçü birimi, sıcaklık, tarih, telefon numarası, adres ve posta kodu vb.), görüntülendiği dil ile uygun ve tutarlı 
olacak şekilde oluşturulması gerekmektedir. 


İÇERİK POLİTİKASININ BELİRLENMESİ 


Yönergeler 
e» o İnternetsitesi üzerinden farklı dil seçenekleri sunuluyorsa, sayfalarda kullanılan ölçü birimleri görüntülenen dil 


ile uyumlu olmalıdır. 
» İnternet sitesinde yer alan veri giriş alanları, desteklenen tüm dillerdeki ölçü birimi formatları ile uyumlu 


olmalıdır. 
e Belirli ölçü birimlerindeki noktalama işaretlerine gerek veritabanı gerekse kullanıcı algısı bakımından önem 
verilmelidir. 


Örnek 


Contact Us 


Republic of Turkey. Ministry for European Unlon Affairs 
Avrupa Bırlığı Bakanlığı 

Mustafa Kemai Mah 

2087 Cad No4 (06530 

100 Yıl ÇANKAYA/ANKARA 

Phone: *90 312 210 1300 

Email: infoflab ao 

https Mwiter comABBakanlıği 


https (facebook com/A8 Bakanligi 
https (youtube camABBAakanliği 


istanbul Deleğation 

Muallim Nacı Cad Posta K 34347 No 18 
Ortaköy / İSTANBUL 

Phone: 

*90 212 250 1321 

*90 212 259 5482 

#90 212 327 9432 

*0D 212 238 4761 


Örnek sitede, İngilizce hazırlanan iletişim sayfasında telefon numaraları ülke kodu ile uygun ve anlaşılır bir formatta sunulmuştur. 


Referanslar 
e o|S09241-151/ 10.1.4 - Using appropriate formats, units of measurement or currency 


Faydalı Kaynaklar 


e o hitp://uxmovement.com/content/absolute-vs-relative-timestamps-when-to-use-which/ 


İnlete 


6.9. Ticari Reklamlar 


İlke 
Kamu internet sitelerinde reklam amacıyla herhangi bir ticari kuruluşu, ürünü veya hizmeti teşvik eden gizli ya da açık 
reklam anlamı taşıyacak içerikler kullanılmamalıdır. 


Açıklama 

Kamu internet sitelerinin amacı dijital ortamdan vatandaşlara bilgi ve hizmet sunmaktır. Kamu kurumları ayrım 
gözetmeksizin her vatandaşa eşit mesafede bulunmalıdır. Bu doğrultuda internet sitelerinin de her kullanıcıya ve 
kesime eşit mesafede olması, bunu yaparken reklam odaklı kar amacı gütmemesi gerekmektedir. 


Yönergeler 
e (OKamu kurumlarına ait internet sitelerinde ticari amaçlı herhangi bir kuruluşu, ürünü ya da hizmeti ön plana 
çıkaran içeriklerin kullanımından kaçınılmalıdır (Ticari sektörde faaliyet gösteren ve ticari reklamlardan gelir 
elde eden kurumlar ile sponsorlu etkinlik duyuruları müstesnadır). 
e (Belirli markaların ön plana çıkarılması ya da örnek gösterilmesinden kaçınılmalıdır. 
e Zorunlu olmadıkça sadece belirli ticari yazılım paketlerinin, belirli marka cihazların, dosya formatlarının 
açabileceği, işlem yapabileceği hizmet türlerinden kaçınılmalıdır. 


Örnek 


Örnek sitede, ticari reklamlar yer almaktadır. Kamu kurumlarının internet sitelerinde ticari reklamların bulunmaması gerekmektedir. 


Referanslar 


Faydalı Kaynaklar 
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6.10. Yabancı Dilde Site 


İlke 


Hedef kitlesinde yabancı dil konuşan kullanıcılara sahip internet siteleri, ilgili dillerde de hizmet verebilmelidir. 


Açıklama 

Kamu kurumlarının bir kısmı farklı dillerde kullanıcılara hitap edebilmektedir. Kullanıcı kitlesinin analiz edilmesi ve 
yabancı dilin ihtiyaç olarak görüldüğü internet sitelerinde çevirilerin doğru ve kaliteli olacak şekilde yapılması önem 
arz etmektedir. 


Yönergeler 

e (o Farklıdilleri konuşan kullanıcılara sahip internet sitelerinde, yabancı dil seçeneklerine yer verilmelidir. 

e — Yabancı dil seçeneklerinde ISO 639 standardı ile belirlenen harf kodları kullanılmalıdır. (Örn: Türkçe: “tr”, 
İngilizce: “en”). 

se — Ülke bayrakları bir dili değil ülkeyi temsil ettiği için bayrak görselleri kullanmaktan kaçınılmalıdır. 

e (o Yabancıdil seçeneklerine ana sayfada ve tüm alt sayfalarda yer verilmelidir. 

e (o Çevirilerin doğruluğu kontrol edilmelidir. 

e oAnasayfaile birlikte alt sayfalar da diğer dillere çevrilmelidir. 

»e Çevirisi yapılmayan sayfa var ise bu durum açıkça kullanıcıya belirtilmelidir. 

e (o Güncellemelerin ve duyuruların zamanında çevrilmesi yapılmalı, ya da bu bölümler için çevrilmemiş metne 
açıklayıcı not ile bağlantı verilmelidir 


Örnek 


REPUBLIC OF TURKE 
MİNİSTRY OF FOREIGN AFFAIRS 


Tmilateral Meeting of Foreign Ministers of 
Turkey, Russian Federation and Iran held 
in Antalya, 19 November 2017 


Forelun Minister Mevtüt Çavuşoğlu met with Foreign 
M the Russian Federation Sarrey Lavrov 
and Farsign Minizter of İran Javad 


2 $ 4 3 8 1 8810 


Ho Ministry Minister Deputy Minister oder Secretary FarsignPoluy Protoc Consmlar Info Press & İmtormatır 


Örnek sitede, hedef kitle göz önünde bulundurularak farklı dil seçenekleri sunulmuştur. 


Referanslar 
e o1S09241-151 / 9.6.5 - İdentifying the language used 
e 1S09241-151/10.1.1 - General 
e o |S09241-151 / 10.1.3 - Identifying supported languages 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/international-web-usability/ 
e o https://usabilitygeek.com/guidelines-designing-building-multilingual-website/ 


e o https://wwwdigitalgov.gov/resources/top-10-best-practices-for-multilingual-websites/ 


7. BİLGİ GÜVENLİĞİ 


İnternet sitesi üzerinden gerçekleştirilen hizmetler sırasında kullanıcılar kişisel bilgilerini paylaşabilmektedir. Bu gibi 
durumlarda, kullanıcıların bilgilerinin güvenli bir şekilde saklandığı ve izinsiz paylaşılmadığı bir platform tasarlanması 
kritik önem taşımaktadır. 


Bu bölümde; 

»e Kişisel Bilgilerin Gizliliği 

e (Kredi Kartı Bilgileri 

e (Kurumların Gizlilik Politikası 
ilkeleri ele alınacaktır. 


AAA 


7.1. Kişisel Bilgilerin Gizliliği 


İlke 


Kullanıcılardan kimlik ve iletişim bilgileri istenildiğinde, bu bilgiler kullanıcıların izni olmadan başka kişiler ya da 


kurumlarla paylaşılmamalı ve kullanıcılar bu konuda bilgilendirilmelidir. 


Açıklama 


Kişisel bilgilerin korunmasından ve amacı dışında kullanılmamasından, bu bilgiyi temin eden ve kullanan tüm kurumlar 


sorumludur. İnternet siteleri hazırlanırken, bu durum göz önünde bulundurularak önlemlerin alınması gerekmektedir. 


Kişisel bilgilerin paylaşılmadığına ilişkin kullanıcılara garanti verilmiyor veya kullanıcı bu konuda tereddüt yaşıyor ise, 


siteyi kullanmaktan vazgeçebilmekte ya da doğru ve eksiksiz bilgi vermekten kaçınabilmektedir. 


Yönergeler 


Örnek 


İnternet sitelerinde kullanıcıların kişisel bilgileri talep edilirken, bu bilgilerin istenme amacı ve nerede 
kullanılacağı açıkça belirtilmelidir. 

Kişisel bilgiler amacı dışında kullanılmamalı, bilgilerin farklı amaçlar için kullanılma ihtimali varsa bu bilgi 
kullanıcıların tam olarak anlayabileceği ve rahatça okuyabileceği biçimde sunulmalıdır. 

Kullanıcı bilgilerinin saklandığı ya da kullanıldığı durumlarda kullanıcılardan izin alınmalıdır, ayrıca kullanıcılara 
bilgilerinin kullanılabilmesine yönelik tercih yapma imkânı da sunulmalıdır. 

Girilen bilgilerin hata oluşmadan eksiksiz bir şekilde doldurulması sağlanmalıdır. 

İnternet sitelerinde kullanılan çerezler, eklentiler vb. uygulamalar, kullanıcıların bilgisayarlarında veri depolama 
ya da başka uygulamaları çalıştırma gibi işlemler gerçekleştiriyorsa, bu durum da kullanıcılar ile paylaşılmalıdır. 
Kullanıcıların istediklerinde internet sitesinde bulunan çerezleri ya da eklentileri devre dışı bırakabilmeleri 
sağlanmalıdır. 

Kişisel verilerin toplanmasına gereğinden fazla vurgu yapılması durumunda olumsuz algı oluşacağından 
toleranslar dâhilinde bir bilgilendirme yapılması ve genel kabul gören ilkelerin sürekli tekrarlanmaması 
gereklidir. 


© Gizlilik ve Kullanım Şartları 


e-Devlet Kapısı üzerinden kişiler tarafindan yapılan işlemlerin ve bu işlemlerde kullanılan bilgilerin güvenliğini sağlamak açısından temel olarak görülen kurallar 
aşağıda belirtilmiştir. e-Devlet Kapısı sistem ve görsel altyapısının güvenilir bir şekilde kişilere sunulmasıyla ilgli ihtiyaç duyulan önlemleri yerine getirmiştir. 


Kişisel Verilerin Güvenliği 

Kullanıcıların e-Devlet Kapısı'nda sunulan hizmetlere erişimi ve kişisel bilgileri güncelleme amaçlarıyla e-Devlet Kapısıyla paylaştığı bilgileri, yalnızca e-Devlet 
Kapısı tarafından görevlendirilmiş ve sisteme erişim ve görüntüleme hakkı olan sistem yöneticileri tarafından yalnızca e-Devlet Kapısı sisteminin güvenliğini ve 
tutarlılığını sağlamaya yönelik kullanılabilir. 


Kişilerin, e-Devlet Kapısı ile paylaşmış olduğu bilgiler, kişilerin onayı dışında ya da yargı kararı ve/veya yasal bir yükümlülük altında bulunmadığı sürece 
herhangi bir üçüncü şahıs, kurum ve kuruluşa hiçbir nedenden ötürü paylaşılmayacak ya da verilmeyecektir. Yasal düzenlemelerle bu bilgilerin açıklanmasını 
gerektiren bir durum tekâmül etmediği sürece hiçbir istisna ile bu bilgiler açıklanmayacaktır. 


Telif Hakları 


e-Devlet Kapısı'nın hazırlanmasında kullanılan tasarım ve yöntem bilgisi konusundaki telif hakları e-Devlet Kapısı'na aittir, Üçüncü şahıs ve/veya firmalara ait 
materyaller dışında kalan, Kapı'ya rekabet avantajı sağlayan bilgi ve materyallere dair tüm telif hakları, tescilli marka, patent, entelektüel ve diğer mülkiyet 
hakları e-Devlet Kapısı'na aittir. 


Sorumluluk Sınırları 


e-Devlet Kapısı diğer kurumlarla birlikte çalışabilirliği, bu kurumların internet sitelerine bağlantı vererek ve/veya bu kurumların internet servislerini arayüzler 
üzerinden sunarak sağlamaktadır. Gizlilik Politikası'nda yer alan taahhütler yalnızca e-Devlet Kapısı alanının kullanımında geçerlidir ve bağlantı olarak 
yönlendirme yapılan kamu internet siteleri ve sitelerin kendilerine ait hizmetlerini kapsamamaktadır . 


Bağlantı ile e-Devlet Kapısı'ndan ulaşılan internet sitelerinin kullanımı ile ilgili gizlilik ve kullanım şartları o siteler tarafından belirlenmektedir. Bu sitelerden alınıp 
kullanılacak bilgilerden, o site tarafından takip edilen etik ilkelere, gizlilik prensiplerine uymamaktan kaynaklanacak herhangi bir sistemsel ve görsel kalite kaybı 
ve bunun doğurabileceği maddi ve/veya manevi zararlardan hiçbir biçimde e-Devlet Kapısı sorumlu tutulamaz. 


Örnek sitede, sitenin gizlilik sözleşmesi ayrıntıları ile sunulmuş, kullanıcılar kişisel bilgilerin gizliliği hakkında detaylı olarak bilgilendirilmiştir. 


Referanslar 


ISO 9241-151 / 7.2.8.3 - User control of personal information 
ISO 9241-151 / 7.2.8.4 - Storing information on the user's machine 


Faydalı Kaynaklar 
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7.2. Kredi Kartı Bilgileri 


İlke 
İnternet siteleri, kullanıcıların kredi kartı bilgileri ile işlem yapmaları gereken durumlarda kullanıcı veri güvenliğini 
sağlamak için önlemler almalıdır. 


Açıklama 
Kullanıcıların bazı servislerden faydalanabilmesi için kredi kartları ile işlem yapmaları gerekebilir. Bu durumda, kredi 
kartı bilgilerinin istenmeyen her türlü olumsuz duruma karşı korunması için gerekli önlemlerin alınması gerekmektedir. 


Yönergeler 

e o Sitenin ilgili işlemi yapmak için güvenli olduğunu gösteren açıklamalar kullanıcının anlayacağı şekilde 
belirtilmelidir. 

» o İnternet sitesi güvenliğini artırmak amacıyla 128 bit SSL ve 256 bit SSL gibi şifreleme sistemleri kullanılabilir. 
SSL şifreleme sistemine sahip olabilmek için konu ile ilgili hizmet veren kurumlardan (Örn. KamuSM, Globalsign, 
Godaddy, RapidSSL, Verisign vb.) destek alınabilir. SSL sertifikası alabilmek için başvuru yapılabilir. 

»e (Kredi kartı numarasının sistemde saklanmadığına dair bilgi verilmelidir. 

»e (Kredi kartı numaraları genel kabul gören bölümleme ile gruplandırılmalıdır. 

e o Son kullanma tarihleri menüden seçilecek ise tarih aralıkları güncel olmalıdır. 

e o İnternet siteleri üzerinden kredi kartı ile yapılan işlemlerde “3D Güvenlik” uygulaması kullanılmalıdır. 


Örnek 


Abone Nırmaranız We ödeme yapamlırsiniz 


Abone No | 


Resimdeki güvenlik kodunu bu alana giriniz | 


Güvenik Kodu 


G secure 
hea 


341 Cerİfizatss from Gizüsi Big? 
artiz sitbart 


Yapacağınız işlemler 128 bil SSL sertifikası ile şifrelenmektedir, 


Örnek sitede, sitenin güvenlik sertifikası kullanıcı giriş ekranında paylaşılmıştır. 


Referanslar 
e 1S09241-151/7.2.8.2 - Providinga business policy statement 


Faydalı Kaynaklar 


AA 


7.3. Kurumların Gizlilik Politikası 


İlke 
İnternet sitelerinde, kurumsal gizlilik politikalarına ve gizlilik sözleşmelerine yer verilmelidir. 


Açıklama 

Kullanıcılar tarafından girilen bilgilerin ve yapılan işlemlerin saklandığı, kullanıldığı veya paylaşıldığı durumlarda, 
kurumların gizlilik politikaları açık, anlaşılır ve kolay erişilebilir şekilde sunulmalıdır. Hukuk birimleri tarafından çok 
uzun hazırlanmış bileşenlerin bir anda okunması ve özümsenmesi oldukça zordur. Bu dokümanların bölümlenmiş 


biçimde, özümsenebilir ve kullanıcının kullandığı terminolojilere uygun düzenlenmesi gereklidir. 


Yönergeler 

e (Kullanıcılardan kişisel bilgi girişi yapmaları isteniyorsa, bu bilginin istenme amacı, bilginin nasıl kullanılacağı ve 
bilginin paylaşılıp paylaşılmayacağı bildirilmeli, varsa ilgili kanun, yönetmelik ya da düzenlemelere dayandırılarak 
açıklanmalıdır. 

e (Kurumsal gizlilik politikalarına yer verirken, W3C (Dünya Çapında Ağ Birliği) tarafından belirlenen P3P (Gizlilik 
Tercihleri Platformu Protokolü) standartları göz önünde bulundurulmalıdır. 

e Kurumsal gizlilik politikalarının çok uzun yazılıp aynı bölüme “okudum anladım” şeklinde kutucuklarla 
uygulanması yerine, detaylı metin bağlantısı verilerek ve kısa bir açıklama ile tanımlanarak hem erişimi hem de 
kullanımı kolaylaştırılmalıdır. 

e o Gizlilik politikasını anlatan metin, site kullanıcıları tarafından anlaşılabilecek sade bir dilde yazılmalı, yazı 


karakteri boyutu okunabilir ve satır aralıkları da makul olmalıdır. 


Örnek 
Hukuki Şartlar ve Gizlilik Politikası AA 


Örnek sitede, kurumun gizlilik politikası, ilgili hukuki düzenlemelere dayandırılarak kullanıcılar ile paylaşılmıştır. 


Referanslar 
e 1S09241-151/ 7.2.8.1 - Providing privacy policy statements 
e 1S09241-151/ 7.2.8.2 - Providinga business policy statement 


Faydalı Kaynaklar 


8. ANA SAYFA 


İnternet sitelerinin ana sayfası, kullanıcılara sitenin genel amacını ve sunulan temel hizmetleri göstermesi açısından 
önemlidir. İyi tasarlanmış bir ana sayfa kullanıcıların internet sitesi hakkındaki ilk izlenimlerini olumlu olarak 
etkileyecektir. 


Ana sayfa ilgili kurumdan beklenen temel özellikleri kullanıcılara sunmalıdır. Örneğin, bir hastane sitesine kullanıcılar 
genel olarak doktor bilgisi, poliklinik bilgisi veya randevu alma gibi işlemler için girmektedirler. Ana sayfasında bu 
işlemlere kolayca ulaşım sağlamayan hastane siteleri kullanıcılara etkili bir şekilde hitap etmemektedir. 

Ana sayfada sitenin genel amacı kullanıcılar ile paylaşılmalıdır. İnternet sitesinde yer alan hizmetlere ve içeriklere ana 
sayfadan kolaylıkla ulaşılmalıdır. Ayrıca, ana sayfa internet sitesinin her yerinden ulaşılabilir olmalıdır. 


Bu bölümde; 

e (Ana Sayfa Görünür Alan Tasarımı 

» o Ana Sayfalçeriği 

e Ana Sayfada Uzun Yazı Kullanımı 

» o Ana Sayfadan Önemli ya da Sık Kullanılan İçeriğe Erişim 
» Ana Sayfaya Erişim 

se  Olumluİlk İzlenim 

ilkeleri ele alınacaktır. 
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8.1. Ana Sayfa Görünür Alan Tasarımı 


İlke 


, Ana sayfada yer alan öğeler önem sırasına göre dizilmeli, en önemli öğeler mümkün olduğunca ana sayfanın ilk açılışta 


görünen alanına konumlandırılmalıdır. 


Açıklama 

Önceki yıllarda, ana sayfada yer alan bütün öğelerin dikey eksende, sayfanın görünür alanında olmasına çok önem 
verilirdi. İnternet kullanımının yeni yaygınlaştığı ve o yıllarda geçerliliğini koruyan bu kural, günümüzde gelişen, hayatın 
içerisine çok daha fazla giren teknoloji altyapısı ile biraz değişime uğramıştır. Ana sayfanın görünür alanı günümüzde de 
önemini korumakta ancak bu sayfada yer alan tüm öğelerin görünür alan içerisine sığdırılmaya çalışılması bir ihtiyaç 
olmaktan çıkmıştır. 


Yapılan araştırmalarda kullanıcıların büyük çoğunluğunun sayfayı kaydırdığı ortaya çıkmıştır. 2 milyar sayfa ziyaretinden 
elde edilen verilere göre; kullanıcıların yüzde 66'sının dikkatini sayfanın ilk görünür alanının altında kalan bölümde 
harcadığı görülmüştür. Yine yaklaşık 100 bin sayfa ziyaretinden elde edilen verilere göre; kullanıcıların yüzde 76'sının 
sayfayı aşağıya kaydırdığını ve bu kullanıcıların da yüzde 26'sının sayfanın en altına kadar kaydırdığı görülmüştür. 


Yönergeler 

e — Ana navigasyon İgezinim) bileşenleri ekrana ilk gelen ve kaydırmaya gerek kalmadan görünebilen alanda yer 
almalıdır. 

e (o Tasarıma ve içerik yoğunluğuna bağlı olarak ana sayfada dikey kaydırma çubuğu gerekli hallerde kullanılabilir. 

e (Kaydırma çubuğu kullanımı söz konusu olduğunda sayfa uzunluğu 4-5 ana ekran sayfasını geçmemeli, önem 
sırası yukarıdan aşağıya doğru tasarlanmalıdır. 

e (Ana sayfada kullanıcıların dikkatini çekmesi istenen ve kullanıcılar açısından önemli olan içerikler, sayfanın üst 
kısımlarına yerleştirilmelidir. 

e Basit ve minimal tasarım prensipleri uygulanarak internet sitesinin çok farklı ekran boyutları ve çözünürlük 
desteğine sahip cihazlarda düzgün görünmesi sağlanabilir. 

»e (Kaydırma gerektiren sayfa tasarımlarında, sayfanın dikey olarak sonlandığı algısını oluşturabilecek öğelerin 
kullanımına dikkat edilmelidir. Dikey olarak kesinti oluşturan veya sayfa sonu algısı uyandıran sayfa öğeleri, 


sayfanın alt bölümünde kalan içeriklerin gözden kaçmasına neden olabilmektedir. 


Örnek 4 
/ USKUDAR ” 


* BELEDİYESİ M 
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Yi > 
neva iyi K ÜSKÜDAR var! oO& 4440875 


Yİ er 3 
HİLMİ TÜRKMEN MEDİ YETLER BEŞİĞİ KUOÜN 


Örnek sitede, internet sitesi üzerinden gerçekleştirilebilecek tüm önemli işlevlere sayfanın görünür alanında yer verilmiştir. 


Referanslar 


Faydalı Kaynaklar 
e o http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/ 


e o https://www.clicktale.com/resources/blog/unfolding-the-fold-insights-into-webpage-scroll/ 


nine! 


8.2. Ana Sayfa İçeriği 


İlke 


İnternet sitelerinde yapılabilecek temel işlemlerin tümüne ana sayfada yer verilmelidir. 


Açıklama 

Ana sayfa, internet sitelerinin navigasyon (gezinim) yapısındaki en üst seviyedir. Kullanıcının sitenin amacını ve içeriğini 
anlayabilmesi, önemli veya yeni içerik parçalarını görebilmesi ve tüm ilgili gezinme altyapılarına erişebilmesi için ana 
sayfadan yeterli bilgi sağlanması gerekmektedir. 


Yönergeler 

e o Anasayfa başlığı arama motorlarına uygun ve kullanıcıların yer imi olarak kaydettiğinde anlaşılır olacak bir kısa 
tanım ile isimlendirilmeli, “Ana Sayfa” ifadesi kullanılmamalıdır. 

e (o Temelişlemlereve sık kullanılan bağlantılara yer verilmelidir. 

e (Kurumsal haberler, yönetimden etkinlikler, kutlama mesajları gibi bileşenlerin ağırlığı ana içeriğin önüne 
geçmemelidir. 

e (o En önemli işlemler ana sayfada belirginleştirilerek kullanıcılar için anlaşılır bir başlangıç noktası sunulmalıdır. 

se o İnternet sitesinin amacı ve kullanıcıların neler yapabileceği ana sayfadan açık bir şekilde anlaşılmalıdır. Bu 
amaçla kullanıcı persona çalışması yol gösterici olarak kullanılabilir. 

e oAnasayfa,internet sitesindeki tüm diğer sayfalardan belirgin şekilde farklı bir tasarıma sahip olmalıdır. 

se o İnternet sitesi kurumdan bağımsız düşünülmemeli; kurum kimliği ile bütünlük sağlamalıdır. 

e Kurum internet sitesinden, kurum içini ve kurum çalışanlarını ilgilendiren bilgiler yayınlanmamalıdır. Bu tür 
bilgiler kurumun intranet portalinden paylaşılmalıdır. 

e (o Anasayfadaki bazı öğelere, önemini vurgulamak amacıyla birden fazla defa yer verilmemeli, gereksiz tüm öğeler 
ana sayfadan çıkarılmalıdır. 

e (Ana sayfadan kullanıcıların arama sayfasına erişebilecekleri bir link sağlanması yerine, sayfa içerisinde arama 
kutucuğuna yer verilmelidir. Ana sayfadan yapılan aramalar tüm site içeriğini kapsamalıdır. 

e (o Görseller ana sayfayı süslemek için değil, yalnızca gerçek içeriği görüntülemek için kullanılmalıdır. 

» Animasyonlar yalnızca gerekli olduğu durumlarda kullanılmalıdır. Önemli sayfa öğelerinde animasyon 
kullanılması reklam algısı oluşturabileceği için kullanıcı dikkatinden kaçabilir. 

e» o İnternet sitesi veya sitenin önemli kısımları çalışmıyorsa bu bilgi ana sayfadan açık bir şekilde kullanıcılara 
verilmelidir. 

e (Ana sayfada kullanıcının ilgisini çekmeyen ve sadece yer kaybı olan arama motoru, tasarım firması, tarayıcı 
bilgileri veya teknolojik altyapı gibi bilgilere yer verilmemelidir. 

se (Haber duyuru gibi zamana bağlı içerikler için tarih ve zaman bilgisi gösterilmelidir. İnternet sitesi sık sık 
güncellenemeyecekse bu tür tarih içeren bileşenlerin kullanımından kaçınılmalıdır. 

e (OHedefkitlesinde birden fazla ülke olan internet sitelerinde saat dilimi de belirtilmelidir. 

e (OHedefkitle ihtiyaçlarına göre aktif olarak güncellenen, dinamik bir yapıda olmalıdır. 

e (Kullanılan grafik bileşenlerin ağırlığı ve önemi, içeriğin önüne geçmemelidir. 

e (Kullanılan bileşenlerin tarayıcı yükleme performansı ve bant genişliği performansı dikkate alınarak yüklenmesi 
uzun sürebilecek ya da gösterilemeyecek içeriklerden kaçınılmalıdır. 
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(I süre iya.gov.tr 


yapısı kik 


En Çok Kullanılan Hizmetler 


GC Sosyal Güvenli Kurumu Adale: Baharılığı r. Gelir hlaresi Başkanlığı 


AA Hizmet Dola mi vi Dava Dosyayı Sorgulama Years Aprcu Sorgulama 


Örnek sitede, kullanıcıların istediği hizmete kolaylıkla erişmelerini sağlamak için sitede yapılabilecek temel işlemlerin tümüne 


ana sayfada yer verilmiştir. 


Referanslar 
e |S09241-151/8.3.8 - Informative home page 
e o |S09241-151/6.11 - Identifying the website and its owner 


Faydalı Kaynaklar 
e o https://www.usability.gov/what-and-why/glossary/tag/content-strategy/index.html 
e o https://www.nngroup.comy/articles/113-design-guidelines-homepage-usability/ 
e o https://studfiles.net/preview/5430969/page:28/ 


İİ ntelefii 


8.3. Ana Sayfada Uzun Yazı Kullanımı 


İlke 


İnternet sitelerinin ana sayfasında uzun yazılar kullanılmamalıdır. 


Açıklama 

İnternet ortamında metin okuma performansı basılı materyaldekilere oranla daha düşüktür. Bu nedenle kullanıcıların 
internet sitelerinin ana sayfasındaki başlık ve menüleri hızla gözden geçirme eğiliminde oldukları bilinmektedir. Ana 
sayfada uzun yazı kullanımı, genel kullanıcı beklentilerine ve alışkanlıklarına uymayacağı için olumsuz algı oluşturacak, 
aynı zamanda ana sayfanın fonksiyonelliğini düşürecektir. 


Yönergeler 
e Ana sayfada, kaydırma çubuğu kullanmayı gerektirecek kadar uzun metinlerin kullanımından, içeriklerin 
okunmadan atlanmasına ya da aranan bilgiye ulaşmak için zaman kaybedilmesine neden olacağı için 
kaçınılmalıdır. 
e Ana sayfada sadece temel başlıklar ve internet sitesinin amacına uygun kısa içerikler bulunmalıdır. Metin 
eklenmesinin stratejik olarak mutlaka gerekli görüldüğü hallerde eklenen metnin olabildiğince kısa ve 
bölümlenmiş olmasına özen gösterilmelidir. 


Örnek 


Ana Sayta Kurumsal Hürlanlar Min Duyuruları Kisim Gövsa 


-— 7014 3. EK YERLEŞTİRME HAKKINDA 


Başvurular 28 Suat 2014 terine balayıp, # Mar 2014 terini messi 
Bimine calar deyam edecektir. Alle Hakımlıği Fe Yerleştırma Uzu! ve 
Puanlar nda (24-2) selinler belpeleri tamamlayarak “alk Sağlığı Wodluğu 
birenmdakı Berçelisar Mi 100.1 Cm. 289 Se ) Aile Hakimliği Uyguleme 
Şube Wödürlüğüne Soyvuru saosöileceklerdir. Başvuruisr elden veya karço 
yeli ilm yapılızteceiz sku> 4 Mert 7014 barini messi bitimine kadar 
göndanlakılezektı. Herhangi bir gecikmeden ve eksik evraktan İzleri Halk 
Sağlığı Mudcuruğumuz sorumlu dağidir 


NOTU Kadrusu Malk Suğlığı Madarlüğa dışmda diğer Kurum ve Kuruluşlarda 
bulunan (SağM4 Müdü #öğü, Kamu Hastanalar Birkiği Gonul Sekroteriği, vb.) 
hekimlerin usul ve sezer skiade yar alan muvafakat örneğine göre 
muvafakati yardarnı mürmcsmi evrakları (e iiriikte Beyan sirmlari 
yerahmektedir. Muvafakat yanlarını beyan stmuyan hekimlerin muracaalları 
Kabul getme yete, 


NOT: Timer Erdek 2 Na'lu KARŞIYAKA AİLE SAĞIIĞI MEMKELİ 10.09.0908 
Na'lu Aile Hekimliği Birimi 2014/3, Eh Yerleşlirmeye dahil edimiztir. 


Bağuru Belgeleri için hiss ya Mala yana... |Göscallenmiştir26.03.2614) 


İ İ Bayrıruda Oylunaniar Uztezi çın Doreya uklayımı.... 


AİLE HEKİMLİĞİ ŞUBAT AYI 
PERFORMANSLARI HAKKINDA... 


5919 yil gözet ayı Als Hekimleri Sariormanz Uztaları 02.73.1714 tart amet 
03113 iöbarya yayınlanmışın. müracaatlar Ö5.03. 2014 tri saat 13100 3 
kadar EHIP sislami üzeriden yapizcakir 


FİBAT İMZA DOLİ PUNTOKNMAMS LİSTESİ İçin İruraya köleyemz., 


ENIP Satetmine GİRİŞ için buraya tileyetz.., 


“— YEŞİLAY HAFTASI 


Örnek sitenin ana sayfasında, uzun içeriklere yer verilmiştir. Bunun yerine bilgi verici kısa içerikler kullanılmalı, detaylı bilgiye ulaşmak için 
başka sayfalara bağlantı verilmelidir. 


Referanslar 


Faydalı Kaynaklar 


e o https://www.nngroup.com/articles/113-design-guidelines-homepage-usability/ 


eta 


8.4. Ana Sayfadan Önemli ya da Sık Kullanılan İçeriğe Erişim 


İlke 


Ana sayfada önemli ya da sık kullanılan içeriklere yönelik bağlantılara yer verilmelidir. 


ANA SAYFA 


Açıklama 

Kullanıcılar, bir internet sitesinde bulunan seçeneklerin tamamını keşfetmek için ikinci veya üçüncü seviyedeki linklere 
tıklamaya gerek duymamalıdır. Kullanıcıların ulaşmak istedikleri önemli içeriklere daha kolay ve hızlı ulaşabilmesi 
sağlanmalıdır. 


Yönergeler 
e (oAna sayfada çok fazla sayıda bağlantıya yer verilmesinin, ana sayfa görünümünü karmaşık hale getireceği ve 
internet sitesinin kullanılabilirliğini azaltacağı göz önünde bulundurulmalıdır. 
e Ana sayfaya ne gibi hususların seçileceği ve sunulan seçeneklerin ve bağlantıların site için önem derecesinden 
emin olunmalıdır. 


Örnek 


&€ CÜ © Giveideği lowmgowir # 6 : 


ni 
EE EN 
SYM  tüsüve tunüüiveri 
(LEME, SEÇME VE YERLEŞTİRME MERKEZİ BAŞKANLIĞI 


KURUMSAL W &- İŞLEMLER W SINAVLAR w İLETİŞİM (o (© 444 0SVW (6796) 
MANDAL GEÇMİŞ YILLARDAMİ SORULAR DEĞERLENDİRME RAPORLARI 


DUTURULAR 
SOYA ALANA SLY 
2010-1US 2. Dönem Yerleştirme Sanuçları 
* YDUS nm —— İlam ÇT MN) 
“ e-YDS (e-Y0S 2018719 İngilizcej"”” SONUÇ ANI vt EUR SUE Diş İbekalamiği Cevap Kağar, 
İmralı ve dey Gnmrapları Erişime Agra (OLEN) 
. Sayıştay Vin SMA e DÜMMS k Yerieşdirme Termikimri Almmea (TEMA SEYE) 
Yazılı 
Nİ ES Saçar Aktardı (1 88 ZE) 
“ &-YDS (4-Y0S 2018719 İngilizce)” SINAV 


Örnek sitede, sık kullanılan içeriklere ana sayfadan erişilebilmesi sağlanmıştır. 


Referanslar 
e 1S09241-151/8.3.9 - Directly accessing relevant information from the home page 
e |S09241-151/8.4.9 - Providing crosslinking to potentially relevant content 


Faydalı Kaynaklar 


i 
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8.5. Ana Sayfaya Erişim 


İlke 
İnternet sitesindeki tüm alt sayfalardan ana sayfaya erişim bağlantısı sunulmalıdır. 


Açıklama 

Kullanıcıların büyük bölümü, yeni bir sayfaya erişmek istediklerinde veya bulundukları sayfada bir sorun yaşadıklarında 
ana sayfaya dönme eğilimi göstermektedir. Kullanıcıların kolaylıkla ana sayfaya erişebilecekleri bir bağlantıya internet 
sitesindeki bütün sayfalarda yer verilmesi, olumlu algı oluşmasına katkı sağlayacaktır. 


Yönergeler 

e» o İnternetsitelerindeki her sayfadan ana sayfaya kolay erişim için “Ana Sayfa” isminde bir bağlantıya yer verilmelidir. 

e Alt sayfalarda, zamandan tasarruf ve hızlı erişim imkânı sunan ekmek kırıntısı (breadcrumbs) yapısı 
kullanılmalıdır. 

e (Ana sayfaya, her sayfada bulunan kurum logosu tıklanarak gidilebilmelidir ancak bu yöntem ana sayfaya gitmek 
için tek yol olarak görülmemelidir. 

e (o Ardışık adım içeren işlemlerden sonra kullanıcının işlemini tamamlaması durumunda doğrudan ana sayfaya 
gönderilmemelidir. İşlemin tekrarlanabileceği ya da alt bölümde başka bir fonksiyon kullanılabileceği dikkate 
alınarak ardışık adımların olduğu alt bölümlerde kalınmalı, ancak bu bölümlerden de ana sayfaya dönüş 


yapılabilmelidir. 


Örnek 
v 
sliçim 
a inni aanarama teenie noonE 
MA YA e 
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Örnek sitede, kullanıcıların farklı alt sayfalardan ana sayfaya ulaşabilmesi için “Ana Sayfa” bağlantısına yer verilmiştir. 
Referanslar 


e o|S09241-151/6.11 - Identifying the website and its owner 
e |S09241-151/8.4.11 - Linking back to the homepage or landmark pages 


Faydalı Kaynaklar 
e  https://www.w3.org/WAl/ 
e o https://www.nngroup.comy/articles/scaling-user-interfaces/ 


ANA SAYFA 


 nİnlefei 


8.6. Olumlu İlk İzlenim 


İlke 
Ana sayfa, internet sitesini ilk defa ziyaret eden kullanıcılar üzerinde olumlu ve güvenilir bir etki bırakmalıdır. 


Açıklama 

Kullanıcıların internet sitesi içerisindeki işlemlere ulaşmak için ana sayfayı sıklıkla kullandıkları bilinmektedir. İlk 
izlenimi olumlu olan internet siteleri, kullanıcılar tarafından daha güvenilir ve kullanılabilir görülmekte, daha çok 
tercih edilmektedir. İlk izlenimi iyi olmayan siteler ise kısa sürede terk edilmekte ve kullanıcılar için çok güzel, faydalı 


fonksiyonlar barındırsa dahi kullanılması mümkün olmamaktadır. 


İnternet siteleri insanlar tarafından iki farklı seviye de değerlendirilir. İlk seviyede; istemsiz, otomatik ve çok hızlı 
değerlendiren, basit ilişkileri ve desenleri çok hızlı algılayan bir sistem vardır. İkinci seviyede ise daha yavaş çalışan 
ve daha fazla efor gerektiren, aynı zamanda dikkatimizi toplamamızı gerektiren bir sistem vardır. İnternet siteleri ilk 
seviyedeki sistem tarafından daha önceki tecrübelere dayalı olarak çok hızlı bir şekilde değerlendirilir. Site görünümü 
ne kadar fazla ikinci seviyede dikkat ve efor gerektirirse, kullanıcı tarafında ki olumlu algı seviyesi de o derece düşecektir. 


Yapılan araştırmalarda, kullanıcıların en fazla odaklandıkları alanların; logo, ana menü, arama kutusu, sosyal ağ 
bağlantıları, sitenin genel görünümü, yazılı içerik ve sitenin alt bölümü olduğu görülmüştür. 


Yönergeler 

e» o İnternet sitesi ilk birkaç saniye içerisinde kim olduğunu, neler sunduğunu ve kullanıcılar için neden önemli 
olduğunu verebilmelidir. 

e (o Kullanıcılarınilk anda siteyi okuduğu değil, gözleri ile taradığı unutulmamalıdır. 

e (Kurumsal kimlik ilkeleri çerçevesinde açık, belirgin ve çok iyi tasarlanmış bir logoya sahip olunmalıdır. 

e — Anlaşılır ve kullanımı kolay bir navigasyon yapısına sahip olunmalıdır. 

e — İletişim bilgileri kolay bulunabilir ve erişilebilir bir alana konumlandırılmalıdır. 

e» o İnternet sitesi arayüzleri görsel olarak dengeli olmalıdır. Bunun için internet üzerinden ücretsiz olarak sunulan 
ızgara İgrid) sistemleri kullanılabilir. 

e Farklı renk ve yazı tipi kullanımı sınırlandırılmalıdır. 4'ten fazla renk ve 2'den fazla yazı tipine yer verilmesi, 
kullanıcılarda gökkuşağı etkisi oluşturarak ilk anda olumsuz estetik ve görsel kaos algısı oluşturabilir. 

» o Kullanıcılara sunulan işlem başlatma öğeleri (Örn. Düğme, bağlantı vb.), aynı derecede önemli gösterilmemeli, 
önem derecesini ortaya koyacak şekilde tasarlanmalıdır. Öğelerin önemi ilk bakışta anlaşılabilmeli, kullanıcıları 
düşündürerek zihnini zorlamamalıdır. 

e o İnternet sayfalarında veya ekran görüntüleri üzerinde “5 saniye testleri” gerçekleştirilebilir. 

e (Ana sayfaya konumlanan resimler, kurumun amacını destekleyecek şekilde olmalıdır. Ancak resmin kendisi 
kurumun önüne hiçbir zaman geçmemelidir. 


Örnek 


Biz Taç td o 


TÜRKİYE CUMHURİYETİ 
HAZİNE VE MALİYE BAKANLIĞI o 
#  maramzna » SMA » O MEVZUAT — — GTMATLİİC YÖNETİM » O İÇKOMMDL O İCOCMETM O YAYIMLAM (O Siciznimee (İLETİşİM €-mulive 


DR. BERAT ALBAYRAK 


karina ve Maliye Rkarı 


memet Vergi Dairesi 
Hann ve Hallela Hiekeiler Krill Hasen Acıklama 


ME le Ve Gen 


“ Bilğikmdieme 


. Hazlımı ve Mattpe Bakukığı Barsan Açıklar 


Örnek sitede, ana sayfadaki içerikler gruplandırılmış, kullanıcılara karmaşık olmayan bir ana sayfa sunulmuştur. 


Referanslar 
e |S09241-151/8.3.8 - Informative home page 


Faydalı Kaynaklar 


e o https://www.nngroup.comy/articles/first-impressions-human-automaticity/ 

e o https://www.usertesting.com/blog/2015/04/15/why-first-impressions-matter/ 

e o https://research.google.com/pubs/pub38315.html (The role of visual complexity and prototypicality 
e oregardingfirstimpression of websites: Working towards understanding aesthetic judgments) 

e o https:/(/conversionxl.com/blog/first-impressions-matter-the-importance-of-great-visual-design/ 

e o http://news.mst.edu/2012/02/eye-tracking, studies show firs/ 
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9. SAYFA YAPISI 


Geliştirilecek ya da güncellenecek olan internet sitesinin ana sayfasının ve tüm alt sayfalarının sade ve anlaşılabilir 
olmasına dikkat edilmelidir. İnternet siteleri temel görsel tasarım prensipleri göz önünde bulundurularak tasarlanmalı, 
sitenin tamamında içerik ve öğelerin yerleşimi açısından tutarlılık sağlanmalıdır. Sayfa yapısı oluşturulurken, 
kullanıcıların aradıkları bilgiye hızlı ve kolay bir şekilde ulaşabilecekleri yapılar tercih edilmelidir. 


Bu bölümde; 
» (Anlaşılır Hata Mesajları 
» BeyazAlan Kullanımı 
se (Çerçeve Kullanımı 
e (Dikey Kaydırma 
»e oGörsel Tasarım Prensipleri 
e (Hedef Kitleye Uygun İçerik 
e» o İçerik Organizasyonu 
e İpucu Metni 
e o İşlem Yapılan Sayfalar 
e (Karşılama Ekranları 
e — Kullanıcı Kontrolü Dışında Açılan Pencereler 
»* Liste Yapısı 
e Renk Kullanmı 
e» oSadeveAnlaşılır İçerik 
e o Satır Uzunluğu 
e Sayfa Hiyerarşisi 
e» o Sayfa İçerikleri 
e» o Sayfa İçeriklerinin Güncelliği 
e o Sayfa Uzunluğu 
e oSayfalama Yapısı 
e Sonsuz Kaydırma 
e (o Tablolarda Satır ve Sütun Başlıkları 
e (o Tablolarda Satır ve Sütun Boyutları 
e o Tutarlı Sayfa Tasarımı 
»e (Yatay Kaydırma 
» o Yazdırılabilir İçerik 

ilkeleri ele alınacaktır. 


nine 


9.1. Anlaşılır Hata Mesajları 


İlke 
Hata mesajları açık ve anlaşılır olacak şekilde tasarlanmalıdır. 


Açıklama 

Hiçbir kullanıcı hata yapmak istemez. Kullanıcıların site kullanımında belirli amaçları mevcut olup bu amaçları için 
zihinlerinde oluşturdukları modele göre hareket ederler. Genellikle zihinlerindeki model, mevcut sistem modeli ile 
uyuşmadığında ya da fiziksel ya da bilgi kaynaklı veri girişi hatası yapıldığında beklenmedik bir sonuçla karşılaşırlar ve 
kendilerine bu durum hata mesajları ile bildirilir. Hata mesajının tasarımında, kullanıcının hatayı niçin yaptığının doğru 
analizi büyük önem taşır. Hata mesajlarının içerikleri, kullanıcıların hatalarını düzeltebilmeleri ve tekrar aynı hatayı 
yapmamaları için oldukça önemlidir. Doğru planlanmamış hata mesajları, kullanıcının bilgisayar sistemine ve internet 
sitesine olan güvenini ciddi oranda düşürür. Birçok kullanıcı hatanın kendisinden değil, sistemden kaynaklandığını 
düşüneceğinden hata mesajları budurumun telafisinde büyük öneme sahiptir. Kullanıcılar genellikle bilgisayar karşısında 
hata yaptıklarında küçük düşmek istemedikleri için bu şekilde davranmaları literatürde doğal karşılanmaktadır. 


Yönergeler 

e (Hata mesajlarının içerikleri, kullanıcılara hatanın nedenini ve nasıl düzeltilebileceğini açık ve anlaşılır bir dille 
sunmalıdır. 

e (Hata mesajları verilirken, kullanıcının anlamayacağı ya da karışıklık yaşayabileceği hata kodlarının ve teknik 
ifadelerinin kullanımından kaçınılmalıdır. 

e (Hata mesajlarının internet sitesi içeriği ile aynı dilde verilmesine dikkat edilmelidir. 

e (Hata mesajının içinde kullanıcının girmiş olduğu veri mümkünse gösterilmelidir. Bu şekilde kullanıcının hatasını 
görerek fark etmesi sağlanacaktır. 

e (Hatanın oluşmasında kullanıcının yapmak istediği görev açıklanmalıdır. Birçok hata kullanıcının yapmak istediği 
değil, bir başka görevi seçmesi sonucunda oluşur. Bu nedenle hata mesajları hedef görevi tanımlamalıdır (Örn: 
2011 yılı içerisindeki envanter kayıtlarında aramış olduğunuz “kamis” kaydına ulaşılamamaktadır). 

»e (Hata mesajlarının verilmesi için gecikmeden harekete geçilmelidir. Bir opsiyonu seçtikten sonra bir ya da birkaç 
aşamanın ardından bu opsiyonun geçerli olmadığını belirtmek yanlıştır. Hatalar doğru zamanda tespit edilip 
olabildiğince erken ve hata bilgisi içerecek biçimde kullanıcıya sunulmalı, düzeltme için mümkünse olanak 
sağlanmalıdır. 

» o Gerçek anlamda gerekmedikçe “Üzgünüz. Daha sonra tekrar deneyiniz” türünde mesajlar kullanılmamalıdır. 

e (Veri sorgulama sistemlerinde bazı durumlarda kaydın bulunamaması arayüzde hata olarak yorumlanmamalı, 
kullanıcıya olumsuzluk içeren bir mesaj dili ve ikon gösterilmemelidir 

e (Hata mesajları ile uyarı mesajları birbirine karıştırılmamalı, gerek söz dizimsel ve anlamsal, gerekse görsel 
olarak birbirinden ayrı ve tutarlı tasarlanmalıdır. 


Örnek 
Ti IBİTAK Webmaıl 
Örnek sitede, hata mesajı açık ve anlaşılır bir ifade ile sunulmuştur. 
Referanslar 


e o1S09241-151/10.3.2 - Providing clear error messages 


Faydalı Kaynaklar 


SAYFA YAPISI 


9.2. Beyaz Alan Kullanımı 


İlke 


Sayfa içeriklerinin okunmasını kolaylaştırmak için içerikler arasında uygun genişlik ve yükseklikte beyaz alanlar 


kullanılmalıdır. 


Açıklama 


İçerikteki beyaz alanlar, kullanıcıların içeriği daha rahat okumasına ve istediği bilgiye daha kolay ulaşmasına yardımcı 


olmaktadır. 


Yönergeler 


e (o Sayfanın bölümleri arasında beyaz alan kullanımına özen gösterilmelidir. 


nine 


e (o Görsel ve metin içeriklerinin arasına tutarlı olacak şekilde beyaz alan eklenmelidir. 


e Metin içeriklerinin satır aralıkları ve paragraf arasında kullanılan boşluklar gözü yormayacak şekilde 


tasarlanmalıdır. 


e (o Simetriye, kullanılan beyaz alanların dengeli olmasına ve tutarlılığa dikkat edilmeli, bileşenlerin hizalanması 


özellikle ihmal edilmemelidir. 


00 ili, Warusabir Sçmei Hanatmş MOyU ve 
Tabiminiğ #4 Çarli büy tn, İskan 
Mahalimi sele badatan reahoil tam rsazlae 
beleştirme Haki eehsi parprlık görüsemekei 
Yerel 


eg e 
Beer görüşme deere tL SODTL ehil 
li 


Derin Genel 
Müdürtüğü Ba zl Tapata İli, 
Satar Haki A.Ş Tk berkaştilerak tani 
ketyfaği esen ardırilem Türkiye Selale ve Keği 
Hakikaten AŞ amda Dek İzvür İk, Barssm 


m Karya İpin PMarare İlçesi ve 


Katya (4, Karatay Üçesi, Tutak Muhalserde 
baderun rrahbahkl teyrrearlere öerileytirere 


Se yapıları mal tmi TAŞTA 
sarar görüşen 
Asem 1GMOE00O-TE teki siri 
* Ayer 


ELEKTRİK EMEKİSİ 
ÖTEULEŞTİ Sİ 
OYUNLARININ 
MLEŞTİRİLMESİ NI 
YATIRIMCI İLİŞMİL ERİ 
POLİ 
YATIRIMCI 
KAYIT FORMU 


>. 


* ielreni 
Za GikaD Cat, Me 
K 


Gehalli isğeszenir 


1 veb teme biz erer! 
OZ sima ve ma iğ 
dağ hakka Bekir. 
raya lar örer 
ai 


Örnek sitede, içerikler iç içe verilmiş, farklı türdeki içerikler görsel olarak belirgin hale getirilmemiştir. 


Örnek N 
— b. 7 Z 
vü Tl CA Değ, 
Yaradan 
temasi 
varma 
10.52.7014 11gazıa mDazULa 
ŞANS OYUNLARININ ayki VERİL MESİ 
ÖNLLLEŞT İKE ein ÖZEKLEŞT ME, 
Üzeeşi re ie Se een 
sirada reva 
baar #3 tar er aza 
Görünmek. rakka dayan EMS ni arm. LE Mar, Guy 
Biat Bb ölem Eş 
çe arşa es 3 lak inen 08 Tender Aarmımeasıni » 
Biçimi EAA IT e 
Pepee yök 
Arama. araça 
DESEN Çün 4 Bİ RAM 
. Varya 
ürk M1, morismi Mn, Mzapasil 
Tiuhmelinni, Dakdebe renki, T18 oda YON 
mada parenldn hadanan Raryriramakal Kaka 
ödemi minerali. 
Dört 5 Paranı me Karani Füme, Ariza Di, Keparan Hiçmi Ea vaohalkes 
Gaze mavi İki ön 208 ve paramla. WÜZDA mea, A mo maranki yanana 
sesleşlirme İnakesi meh pararlık şöreymen 
Marrarelandı. 

- 1, A Ye yağlar San ee Bm Sİ 
eray a 1702 3114 tanik md "Bayermark a Sat .” e arka İk Matem 
meni Tekman. İrem Deda Sar İçe uemöy” Üreme, Zİ sea 1 m a gelde 
İLİNDEN A tarafndan par Sara kay ALI, yazli tara Çi3 04 
"iy vuhmak Yenii YEN cd 

Taruyi sm Temrek 138. ŞE < BAADIR Maher 
Bros iryast Türlü Sani ve Tre ind Şi - 
Bahia İN Bireme İçen Akeçay et ve Tica: Bağ 
Haham ve Ouramriye Düzü Mareniye 
Huban buzhane rende bi 
bapısmadarın orebeşirre ihalesi sival Mahya Mazisezi disa kaysiy Kurrya ik, Pazar 
pazarlik görü Besi, Maşakasa Meşk, 21 22 adla 3 kaka 
130 EAA barertmda yaam Erir parmakla İnikman Taşınan Varlde Saly 
ame rh çalar görüm Shaya! buraları. 
islam, 9.442.000 TA tak eri Mya 1 varam ça, 
.— Ayer sne çerriidak VEEE 
Ge yaplan Tamda vr 
“gran My ancak Gri 
Pele Hazinesi skn hayıt Arık Ya, İri era 
Gölbaşı yasi, alk kpa» Müyü vw Mocan 
Ik, Başilerie Tçeni, Veninoy Mahalkemede 
İsahman readrikf taysemarların 
delleşsirse ihalec sizi paiakk 
rüyaları tarayan 
İML 32NA barter yapin yuh 
iaamcazau Sieetıre Heme (8 çalar 
griye da taların 7D TL da 
... * Aynatır 
Referanslar 


e |S09241-151/9.3.17 - Use of “white space” 


Faydalı Kaynaklar 


AAA 


9.3. Çerçeve Kullanımı 


İlke 
İnternet sitesi kodunda çerçeve (frame) etiketi kullanımından kaçınılmalıdır. 


Açıklama 

İnternet sitelerinde çerçeve (frame) etiketi kullanıldığında, tarayıcılar desteklemediği için ileri-geri düğmeleri ya da 
sayfa kaydırma gibi konularda problem yaşanabilmektedir. Çerçeve kullanımının gerekli olduğu durumlarda, her çerçeve 
için anlamlı ve anlaşılır isimler verilmeli, çerçevelerin kullanılma amacı ve varsa birbirleriyle ilişkileri HTML kodunda 
açıkça belirtilmelidir. Ayrıca, kullanıcıların çerçeveleri görüntüleyemedikleri durumlara yönelik metin içeren sayfalar 
hazırlanmalıdır. Son yıllarda akışkan tasarım ve CSS teknolojisi kullanımı yaygınlaştıkça frame etiketinden uzaklaşılmış 
olsa da benzer sorun yaratabilecek yaklaşımlardan özellikle kaçınılması önem taşımaktadır. 


Yönergeler 
e o İnternet sitesi kodlanırken tarayıcıların destekledikleri güncel diller tercih edilmelidir. 
e Farklı tarayıcılarda problem yaratabilen HTML diline ait çerçeve (£frame—) etiketini kullanmamaya özen 
gösterilmelidir. 
»e (O|FRAMEetiketidebenzerşekildezorunlu olmadıkça kullanılmaması gereken bir etiket olarak değerlendirilmelidir. 


Örnek 
telim * Bee vaya 
. a» MAY RESİ LADY 
a ' p 
il e A di AE 
ME. “m3 air * p N 
ö #AİİLM ötesine Beşeri 


An imei ri MSA Ye “ 
e ir“ 
5 
5 


N — 
# 

ZF Mara adidei SANIR nala Kaşmm Sika tiz ariilekdem 

Emri ve Tabii Kaynaklar Bakanlığı Nasıl Ulaşılır? 
9 Aâdras Zz Tiyarsiç griyeti V ve & Nümümali kipderdan 

Tense Ümd Bir 5 BAŞIN Ozen diker Türken yağınmakıadı 

Z Bakanlığımızın önddds buka 10554 10565 ve 
€ Tel LOSE etamin duraklara Artarz Öüyükşehi 
“211010 MIS Yİ fönbiyel  YEĞO omüei A eşim 


seğanakiir e durak Meşe geçen İst bilgilerine 
pi ! mi Ne ulaşan 


B Faks; seğimebiir 


«0 Vİ ZEEST Bİ 
> va Miüphame" duruğından çeçen KİZİLAY 
YOLU (MO) May balım kulanmak 


“3 Sosyal Medya Baharlığı uzu ulagım sağlanabilir 
(0 Föcevook 7 HAYALIMMSNI - (lum 19 Maç Sinöyumu - AŞTİ 
n 


O Tene yan 


Örnek sitede, harita hizmeti çerçeve kullanımı ile sayfa içerisine yerleştirilmiştir. Bu tür kullanımlar internet siteleri için kolaylık 
sağlamaktadır. Ancak sayfaları bölümlemek için kullanılan çerçeve yapılarından zorunlu olmadıkça kaçınılmalıdır. 


Referanslar 
e 1S09241-151/9.3.10 - Using frames with care 
e 1S09241-151/99.3.11 - Providing alternatives to frame-based presentation 
e 1S09241-151/9.3.12 - Providing alternative text-only pages 


Faydalı Kaynaklar 


bele! 


9.4. Dikey Kaydırma 


İlke 
Bütünlük içeren ve kullanıcıların detaylı bilgilendirilmesine yönelik hazırlanan uzun sayfalarda dikey kaydırma çubuğu; 
içeriğin küçük parçalara bölünebildiği durumlarda ise sayfalama yapısı tercih edilmelidir. 


w 
& 
>— 
z 
Z 
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Açıklama 

Dikey kaydırma işlemi, tarayıcıların ve mobil uygulamaların yaygın kullandığı, özellikle parmak ile kullanımda parmak 
hareketi ile oldukça kolaylık sağlayan birden daha çok ekranı kaplayan bilgiyi hızlı ve kolay özümseme için kullanılan 
bir tekniktir. Kullanıcılara detaylı bilgi verilmesi gereken uzun ve yoğun içerikli sayfalarda kullanıcıların sürekli farklı 
sayfalara yönlendirilmesi veya sayfa içindeki bağlantıları izlemek zorunda bırakılması dikkat dağıtabilir ve verilmek 
istenen mesajın algılanmasını engelleyebilir. Bu nedenle uzun sayfalarda dikey kaydırma çubuğu kullanılması uygundur 
İçerik birbirinden kavramsal olarak ayrı ise ayrı sayfalara geçiş yapılarak devam edilmesi daha uygun kabul edilmektedir. 


Yönergeler 

e (Uzun sayfa kullanımının zorunlu olduğu durumlarda dikey kaydırma çubuğu kullanılmalıdır. 

e (Dikey kaydırma çubuğu kullanılsa bile sayfa içinde navigasyon sağlayacak bağlantılara yer verilmelidir. 

»e (Sayfa içeriğinin sonlandığını düşündürecek bileşenlerin kullanımından kaçınılmalıdır. Kullanıcıların sayfanın en 
altında bekledikleri bileşenler birinci ekran kısmının görünür bölümünün alt kısmına yerleştirildiği takdirde 
kullanıcılar daha aşağıda içerik olmadığını düşünmektedir. 

» — Özel bir durum olmadığı ya da nihai metin dokümanı görüntülenmediği sürece 5-6 ekran boyundan daha uzun 
kaydırmanın tercih edilmemesi uygun görülmektedir. 


Örnek 
BO GazÜNveRsmesiji X'i w m AR 
— ö Ma kökü 201 & e tt ws 


ANA SAYFA | KAYIT KILAVUZ OZET 


MENE ASA YAME VE ONU SANA 
Örnek sitede, sol tarafta içeriklere yönelik bağlantı listesi oluşturulmuş, kullanıcıların istediği içeriğin başlığına tıklayarak ilgili sayfaya ulaşması 
kolaylaştırılmıştır. Ayrıca dikey kaydırma çubuğu ve “başa dön” düğmesi kullanılarak gerekli navigasyon sağlanmıştır. 


Referanslar 
e 1S09241-151/8.4.14 - Subdividing long pages 
e 1S09241-151/9.3.7 - Minimize vertical scrolling 


Faydalı Kaynaklar 


nine 


9.5. Görsel Tasarım Prensipleri 


İlke 
İnternet sitelerinin tasarımında temel görsel tasarım prensiplerinden yararlanılmalıdır. 


Açıklama 
Temel görsel tasarım prensipleri, uzun süren deneysel çalışmalar, denenmiş tasarımların olgunlaşması ve psikolojik 
çalışmalarla ortaya konulmuş, insanların görsel algı sisteminin nasıl çalıştığını açıklayan bir dizi kurallar ilkesidir. 


Örneğin, yakınlık (proximity) prensibine göre birbiri ile ilişkili olan menülerin, bağlantıların, ikonların ve resimlerin 
birbirlerine yakın olacak şekilde yerleştirilmesi, anlamsal olarak özümsenmelerini kolaylaştırmaktadır. 


Diğer taraftan, benzerlik (similarity) prensibine göre renk, şekil, boy ve pozisyon olarak benzeyen öğeler birbirleri ile 
ilişkili olarak değerlendirileceği için, benzer fonksiyonların bu sembollerle belirtilmesi daha güçlendirici etki yapmaktadır. 
Örneğin, <€ Cil > >> sembolleri, yan yana durduğunda ileri geri navigasyon yapısı algısı uyandırırken bunun 
yerine benzerlik algısı yaratmayan farklı semboller kullanıldığında aynı etki sağlanamamaktadır. 


Görsel tasarım prensipleri çok boyutlu olup bu konuda yazılmış olan önemli kitapların ve dokümanların tasarımcı 
tarafından okunması büyük önem taşımaktadır. Görsel denge, beyaz alan kullanımı, renk ağırlıkları, karşıt renkler, 
sıcak soğuk renkler, geometrik dengeler, Gutenberg deseni, altın oran gibi prensiplerin öğrenilmesi, site başarısında 
büyük fayda sağlayabilmektedir. 


Yönergeler 
e» o İnternet sitesinde, aynı sayfada ya da farklı sayfalarda kullanılan öğeler birbirini tamamlamalı ve bir bütünün 
parçaları gibi tutarlı olmalıdır. 
e Birbiriileilişkili olan menüler, bağlantılar, ikon ve resimler birbirlerine yakın olacak şekilde gruplanmalıdır. 
e (Renk,şekil,boyvepozisyon olarak benzeyen öğeler(düğme, menü, bağlantı vb.) benzer şekilde biçimlendirilmelidir. 
» o Önemli olan ve dikkat çekmesi istenen öğeler diğerlerine göre daha belirgin (boyut, renk, pozisyon, şekil vb.) 
olarak tasarlanmalıdır. Bunu yaparken tutarlılık ilkesine dikkat edilmelidir. 


Örnek “0'ü 04818 a 
* CİMER! 


Örnek sitede form alanı ile “BAŞVURU YAP” düğmesinin ilişkili olduğu açık bir şekilde belirtilmiştir. 


Referanslar 
e |S09241-151/ 7.1.3 - Appropriateness of content for the target group and tasks 
e 1S09241-151 / 9.2 - Observing principles of human perception 


Faydalı Kaynaklar 
e o https://www.interaction-design.org/literature/topics/gestalt-principles 
e o https://www.usability.gov/what-and-why/visual-design.html 
e o https://blog.hubspot.com/blog/tabid/6307/bid/30557/6-guidelines-for-exceptional-website-design-and- 
usability.aspx 
e o https://www.smashingmagazine.com/2015/04/design-principles-compositional-flow-and-rhythm/ 


 ateleii 


9.6. Hedef Kitleye Uygun İçerik 


İlke 
Kullanılan içerikler, internet sitesinin hedef kitlesi için anlamlı, kolay ulaşılabilir ve kullanılabilir olmalıdır. 


Açıklama 
İnternet sitesinde paylaşılan içerik kullanıcıların siteye giriş amacına uygun olmalı ve kullanıcılar aradıkları bilgiye 
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kolayca ulaşabilmelidir. Bilgiye ulaşmada zihinsel efor düşük olmalı, hızlı erişim sağlanmalı ve kullanıcı kontrolünün 
yüksek olduğu hissettirilmelidir. 


Yönergeler 

e» o İçerikler hazırlanırken yabancı kelimeler, teknik terimler ve kısaltmalar mutlaka açıklamaları ile birlikte 
verilmelidir. 

e (OHedefkitlenin yaşı, cinsiyeti, eğitim durumu, sosyo-ekonomik seviyesi gibi özellikler göz önünde bulundurularak 
açık ve anlaşılır bir dil tercih edilmelidir. 

e o Siteiçindekibaşlıklarve görsellerile site içeriği tutarlı olmalı, kullanıcıların aradığı bilgiye doğrudan ulaşabilmesi 
sağlanmalıdır. Cümle uzunluğu kısa tutulmalı, çok fazla satırlı ve devrik cümlelerden kaçınılmalıdır. 

e» o İçeriklerde tutarlı bir anlatım dili kullanılmalı ve mümkün olduğunca aynı kalemden çıkmış izlenimi verilmelidir. 


* Çift hattan teşkil edilmiş her bir yel uzunluğu 13.500 m den ibaret toplam 27000 m yol vardır. 

* Boğaz geçişi batırma tünelle yapılmış olup hat 1 batırma tünel uzunluğu 1386.999 m, Hat 2 Batırma tünel 
uzunluğu 1385 673 m dir. 

* Batırma tünelin Asya ve Avrupa cihetinde devamı delme tünellerle sağlanmış olup Hat 1 delme tünel 
uzunluğu 10837 m,Hat 2 delme tünel uzunluğu 10816 m dir. 

»* Yol tüneller içerisinde balastsız yol olup tünel dışında klasik balastlı yoldur. 

* Kullanılan raylar UIC 60 lık ve mantarı sertleştirilmiş raylardı. 

* Bağlantı malzemeleri elastik malzeme tipi olan HM tipi malzemedir. 

* 18 m uzunluğundaki raylar uzun kaynaklı ray haline getirilmiştir. 

* Tünel içerisinde UVT bloklar kullanılmıştır. 

* Marmaray yol bakımı Teşebbüsümüz tarafından en son sistem makinelerle , EN ve UlC normları 
doğrultusunda hazırlanmış olan TCDD Yol Bakım el kitabı ve imalatçı firmaların bakım prosedürleri 
doğrultusunda aksatılmadan icra edilmektedir. 

* Her gün düzenli olarak hattın gözle muayenesi yapılmakta, her ay son derece hassas makinelerle rayların 
ultrasonik muayeneleri yapılmaktadır. 

* Tünellerin kontrol ve bakımları da aynı standartlara uygun olarak yapılmaktadır. 

* Marmaray işletmesinin Yol Müdürlüğüne bağlı Yol Bakım Onarım Müdürlüğünde 1 Müdür,1 Bakım Onarım 
Şefi,4 Mühendis,3 sürveyan ve 12 işçi ile bakım hizmetleri yürütülmektedir. 


Örnek sitede, kısaltmalar ve teknik terimler kullanılmış fakat bunların ne anlama geldiği sayfa içinde belirtilmemiştir. 


Referanslar 
e o1S09241-151 / 6.6 - Recognizing the purpose of a Web application 


Faydalı Kaynaklar 
e o hitps://usabilitygeek.com/designing-content-heavy-websites/ 
e o hitps://usabilitygeek.com/usable-content-is-king/ 


e o https://www.usability.gov/how-to-and-tools/methods/writing-for-the-web.html 


ateli 


9.7. İçerik Organizasyonu 


İlke 
İnternet sitesinde içerikler, aralarındaki kavramsalilişkiler ve organizasyon göz önünde bulundurularak düzenlenmelidir. 


Açıklama 

Kullanıcıların aradıkları bilgiye kolaylıkla erişebilmesi ve yapmak istedikleri işlemleri kolaylıkla yerine getirebilmesi çok 
önemlidir. Bu nedenle, internet sitesinde içerikler oluşturulurken içeriğin mantıksal olarak bölünmesi, önem sırasına 
göre yerleştirilmesi ve bilgiler arasında hiyerarşik bir yapının kurulması beklenmektedir. Kullanıcıların zihninde doğru 
bir kavramsal harita oluşturulabildiği takdirde istenilen hedefe kolaylıkla ulaşabilmeleri mümkün olacaktır. 


Yönergeler 
»e İnternet sitesi tasarımına başlamadan önce bütün menü ve içeriklerin bulunduğu; mantıksal ilişkilerin ve 
bilgilerin önem sırasının görüldüğü bir site haritası hazırlanmalıdır. 
e» o İçerikler düzenlenirken ilgi (yakınlık) diyagramları, UML (Birleşik Modelleme Dili) diyagramları ya da kavram 
haritaları kullanılabilir. 
e o Sitehazırlanmadan önce örnek bir kullanıcı kitlesi ile kart sıralama tekniği çalışması yapılarak menü ve içerikler 
gruplanabilir. 


Örnek 


Örnek resimde bir internet sitesi için içerik planlama şeması verilmiştir. Ana sayfanın altında menüler önem sırasına göre dizilmiş, her menü 
ile alakalı içerikler onun altına yerleştirilmiştir. 


Referanslar 
e 1S09241-151/ 7.1.2 - Designing the conceptual model 


Faydalı Kaynaklar 
e o http/blog.usabilla.com/the-ultimate-guide-to-content-organization-in-web-design/ 


e o https://www.nngroup.comj/articles/flat-vs-deep-hierarchy/ 


ateli 


9.8. İpucu Metni 


İlke 


İnternet sayfalarında kullanıcıların anlamakta zorlanacağı öğeler için ipucu metni kullanılmalıdır. 


SAYFA YAPISI 


Açıklama 

İnternet sitelerinin arayüzlerinde kullanıcıların aşina olmadığı bazı öğeler yer alabilmektedir. Bu tür öğelerin kullanıcılar 
açısından daha anlaşılır olması için ipucu metinleri kullanılabilmektedir. Öğelerin üzerine fare imleci ile gelindiğinde 
görünen ipucu metinleri, öğe ile ilgili açıklayıcı ve yardımcı bilgileri görüntüler. 


Yönergeler 

e — Açık ve anlaşılır olan bağlantı metinleri için ipucu metni kullanılmamalıdır. 

e (o Bağlantımetinlerinin gerekli durumlarda ipucu metinleri ile desteklenmesi anlaşılırlığını artıracağı için kullanımı 
tercih edilebilir. 

e Dokunmatik ekranlı cihazlarda kullanılan tarayıcılarda ipucu metninin gösterilemeyeceği dikkate alınmalıdır. 
Ancak 3B dokunma (3D touch) teknolojisinin yaygınlaşması ile bu durum ortadan kalkabilir. 

»e oMetinsel etiketi olmayan arayüz öğeleri için ipucu metni kullanılmalıdır. 

»e (Kullanıcılar tarafından çok sık kullanılmayan ve belirli internet sitelerine özel tasarım öğeleri için ipucu metni 
kullanılmalıdır. 

se — İpucumetnikullanımı yerine tasarım öğesinin anlaşılır hale getirilmesi tercih edilmelidir. Bir tasarım öğesi ipucu 
metni kullanımını gerektiriyor ise genel bir kaide olarak bu öğenin kötü tasarlandığı söylenebilir. 

e (o Kullanıcılarınipucumetnindeyeralaniçerikile etkileşimi gerekiyorsa, bu içerik ipucu metni olarak sunulmamalıdır. 

» o İpucu metinleri, kolaylıkla keşfedilebilir bir tasarım ile sunulmalıdır. Kullanıcılar görsel ipuçları olmadığı sürece 
hangi öğelerin ipucu metni içerdiğini anlamakta zorlanabilirler. 

e o İpucu metinleri kısa ve açıklayıcı / yardımcı bilgiler içermeli, ekranda var olan bilgilerin tekrarı olmamalıdır. 

e o Statik / sabit içeriğe sahip olmalı, içeriği sürekli değişmemelidir. 

e (o Yerleşimi ve tasarımı uygun, anlaşılır olmalı; farklı ve etkileşim kurulabilir tasarım öğelerini anımsatmamalıdır. 

»e (Bağlantıların amacıya da nasıl bir içeriğe erişim sağladığı, ipucu metinleri ile kullanıcıya sunulabilir. 

» İpucu metni, temel navigasyon sürecinin gerçekleşmesi için gerekli temel bilgilerin hepsini barındırmamalı, 
yalnızca yardımcı bilgi olarak yer almalıdır. Kullanıcı ipucu metinlerini mutlaka okumak zorunda bırakılmamalıdır. 


Örnek 


Kamu Kurumları 


Si çrrie eTenitet Mens Garan Lefter AU e türe Saruhan ak, balim patara 


Örnek sitede, kurum logoları ile oluşturulan bağlantıların üzerine fare imleci ile gelindiğinde, hedef içeriğe yönelik ipucu metni çıkmaması, 
kurum logolarını tanımayan kullanıcıların karışıklık yaşamasına neden olmaktadır. 


Referanslar 
e |S09241-151/9.4.5 - Self-explanatorylink cues 
e o|S09241-151/ 9.4.9 - Markinglinks to special targets 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/title-attribute/ 


e o https://Juxplanet.org/tooltips-in-ui-design-f63e117aa3d1 


 etelei 


9.9. İşlem Yapılan Sayfalar 


İlke 
İşlem yapılan sayfalarda ekran amaca özel gruplanmış bölümler halinde kullanılmalıdır. 


Açıklama 

Kullanıcılar internet sitelerine bilgi almak amacıyla girdiği gibi, bazı hizmetlerden yararlanmak için de girebilmektedir. 
Hizmet alınan sayfalar diğer sayfalardan farklı olarak değişken yapıda olabilir. Örneğin, bazı kriterler girilerek sorgulama 
yapılmak istenen sayfalarda, girilen kriterler değiştikçe elde edilen sonuç da değişmektedir. Kullanıcılar aynı sayfada 
farklı kriterler girerek tekrar işlem yapabilmektedir. Yeni işlem yapmak isteyen kullanıcılar, sayfa içerisinde ileri-geri 
özelliğini kullanmadan sadece kriterleri değiştirerek aynı sayfada ilgili sonuca ulaşabilmelidir. İşlemlerin aynı sayfada 
yapılması kullanıcıların internet sitesine bağlı kalmasını sağlamaktadır. 


Yönergeler 
e oVerigirişi, sorgulama vb. işlemlerin yapıldığı sayfalarda gruplama ve bölümlendirme yapılmalıdır. 
e (o Kullanıcılarınverigirişi yapacağı alanlar ile işlem sonucunu gösteren alanlar görsel olarak birbirinden ayrılmalıdır. 
e (o Kullanıcıların tarayıcı özelliklerine ihtiyaç duymadan işlemler arasında gezinebilmesi sağlanabilmelidir. 
e Verilen hata, uyarı ve bilgi mesajları, içerikten belirgin şekilde ayırt edilebilmelidir. 
e oDüşey hizalama yapılmalı, düşey olarak hizalanan bileşenlerin oluşturdukları toplam grup sayısı en aza 
indirilmelidir. 


Örnek 


Apa ” vw Çankaya ” Mahal Kr sura ” 
#da 214827 ” F3tsel 5 v | Yazdı | Siz 


Ara Parsel Tapa Alani On? "teik rev rata 


va 7 334.00 


Örnek sitede, sorgulama yapılan kriterler sayfanın üst kısmında yer almakta, girilen değerlere uygun sonuçlar ise alt kısımda bulunmaktadır. 


Referanslar 
e 1S09241-151/ 7.1.6 - Level of granularity 


Faydalı Kaynaklar 


SAYFA YAPISI 


İntes 


9.10. Karşılama Ekranları 


İlke 


İnternet sitesine ilk girişte, kullanıcıların isteği dışında açılan pencerelerin (pop-up) kullanımından kaçınılmalıdır. 


Açıklama 

Kendiliğinden açılan pencereler kullanıcıları rahatsız etmekte ve kullanıcıların dikkatlerinin dağılmasına neden 
olmaktadır. Kullanıcılar bu tür pencereleri reklam olarak algılayarak, içeriklerini incelemeden kapatmaktadır. 
Dolayısıyla verilmek istenen mesaj kullanıcılara iletilememektedir. Bu tür yaklaşımların ayrıca site kalite algısını 
olumsuz etkilediği unutulmamalıdır. 


Yönergeler 

e o Siteyeilk girişte açılır pencere (pop-up) kullanımından kaçınılmalıdır. 

e — Açılır pencere kullanılması gerekliyse, kullanıcılara mutlaka bu pencereyi kapatabilme seçeneği sunulmalıdır. 

e (o Kullanıcıya bir kez açılması beklenen önemli duyurular siteye ilk girişte görüntülenmeli, yeniden ziyarette tekrar 
açılmaması için çerez yöntemi ile önlem alınmalıdır. Kullanıcıların tamamının ana sayfadan siteye girmediği, 
arama motorlarından alt sayfalara doğrudan erişimin önemli boyutta olduğu ve yalnızca ana sayfaya yerleştirilen 
önemli duyuru vb. içeriklerin tüm kullanıcılara ulaşmayabileceği unutulmamalıdır. 


Örnek 


MOBİL UYGULAMA 
DEVREDE! 


Appstore Google Play ve Windowsstore'dan KAP mobil uygulamasını ükretsiz indirebilirsiniz. 


Örnek siteye girildiğinde, kullanıcı kontrolünde olmadan otomatik olarak sayfanın üzerinde bir pencere açılmaktadır. 


Referanslar 
e o|S09241-151/8.3.10.1 - Avoiding unnecessary splash screens 
e |S09241-151/8.3.10.2 - Skipping splash screens 


Faydalı Kaynaklar 


AAA 


9.11. Kullanıcı Kontrolü Dışında Açılan Pencereler 


İlke 
İnternet sitelerinde bir bağlantıya tıklandığında yeni sayfada gereksiz ve istem dışı açılan pencerelerin kullanımından 


kaçınılmalıdır. 


Açıklama 

Yeni sayfada veya yeni sekmede açılan pencereler, kullanıcıların dikkatini dağıtmakta ve karışıklık yaşamalarına 
neden olmaktadır. Özellikle yeni açılan pencerenin mevcut sayfanın üzerinde açılması, kullanıcıların mevcut sayfaya 
dönme konusunda zorluk yaşamasına neden olmakta, internet sitesinin kullanılabilirliğini ve erişilebilirliğini olumsuz 


etkilemektedir. 


Yönergeler 

e Bir bağlantıya tıklandığında yeni pencerede ya da yeni sekmede açılan sayfalar hakkında kullanıcılar 
bilgilendirilmelidir. 

e (o Kullanıcı isteği dışında açılan bu pencereler, sadece mevcut sayfadan çıkılmasının istenmediği durumlarda ya da 
yardım sayfalarında kullanılmalıdır. 

e» o İçeriklerin yeni sayfada açılmasının gerekli olduğu durumlarda ise kullanıcılara bu bilgi anlaşılır olacak şekilde 
verilmelidir. 

e (o Yeni pencere açıldığında kullanıcılar tarafından boyut ayarının yapılabilmesi engellenmemelidir. 
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Örnek sitede, ana sayfada bir menüye tıklandığında açılan sayfa kullanıcıya bilgi vermeksizin yeni sekmede açılmakta, sitenin kullanılabilirliği 


azalmaktadır. 


Referanslar 
e o|S09241-151/8.3.11 - Avoiding opening unnecessary windows 


Faydalı Kaynaklar 


SAYFA YAPISI 


ale! 


9.12. Liste Yapısı 


İlke 


Listeler biçimlendirilirken kullanımı kolay ve anlaşılır olacak şekilde düzenlenmelidir. 


Açıklama 
İnternet sitelerinde yer alan listeleri, kullanıcıların etkin bir şekilde kullanabilmesi gerekmektedir. 


Yönergeler 
e Liste elemanlarının metin özellikleri, arka plan rengi ve biçimlendirmesi tutarlı olmalıdır. 
e Listeler içerdikleri elemanların alakalarına göre gruplandırılmalıdır. Gruplara içeriklerine göre anlamlı başlıklar 
verilmeli ve her liste elemanı sadece ilgili olduğu başlık altında yer almalıdır. 
e oBirlistede7bileşeninüstüneçıkıldığı takdirde gruplama ya da ara çizgi ile bileşenler mantıksal olarak ayrılmalıdır. 
e Listelerde kronolojik ya da önem sırasına göre sıralama yapılmalı, önemli olanlar ve önce yapılanlar daha üste 
yerleştirilmelidir. Hiçbir sıralama verisi yok ise alfabetik sıralama tercih edilmelidir. 


Örnek 


Uma aaa NKADEMIK WÇIKOGRETİM ÖĞRENCİ ŞLEMLERİ ARAŞTIRMA KAMPUSTE YAŞAM EĞİTİM 


Kurumsal e Sayılarla İnwersitemiz «e Kurum 
» Hakleri » GenulSekrotertk » Meiya Merkez MaLuphap 
» Meden Anadolu Üniversitesi » İdari Birimler « Höyi ve Belgeler 
k 

» Yönetim » Birimler e dögiltdnme 

. 
» Retişim Bilgileri » Merkezle » Mewzyat a 
» Krumual Kimlik » Bölümler N 


Örnek sitede, ana liste ve alt listeler tutarlı olacak şekilde tasarlanmış, ana ve alt listede seçili olan liste elemanları 


benzer şekilde biçimlendirilmiştir. 


Referanslar 


Faydalı Kaynaklar 


KAN 
9.13. Renk Kullanımı 


İlke 
İnternet sitelerinde sade, tutarlı ve uyumlu renkler tercih edilmelidir. 


Açıklama 

İnternet sitesinde kullanılacak renkler seçilirken renk kodlarının anlamı, renklerin görsel olarak nasıl algılandığı ve 
iletilmek istenen mesaj göz önünde bulundurulmalıdır. Bununla birlikte, internet sitesi tasarlanırken, renk kullanımı ile 
ilgili belirlenen standartların (ISO 9241-303) da yerine getirilmesi beklenmektedir. 


Yönergeler 

e o İnternet sitesinin genelinde kullanılan renkler tutarlı ve birbiriyle uyumlu olmalıdır. 

e (o Kullanılanrenklerin, sunulan içeriklerin okunabilirliğini ve anlamını olumsuz etkilememesine dikkat edilmelidir 

e o Sayfaiçinde ve sayfalar arasında 3-4 farklı çeşitten fazla renk kullanımından kaçınılmalıdır. 

e (o Kullanılan anarenklerde, kurumun logosu, kurumun faaliyet alanı ve özelliklerini işaret eden renkler üzerinden 
hareketle kararlar verilebilir. 

e» o İnternet sitesi genelinde renk ve arka plan uyumuna dikkat edilmelidir. 

e (Renklerin anlamları mutlaka dikkate alınmalıdır 

e (o Yalnızcarenkile bir bilgi iletilmemelidir. Renk sorunu olan monitörler ya da renk görme sorunu olanlar bu 
konuda sıkıntı yaşayacaklardır 

e (Yüksek doygunlukta renkli arka plan kullanılmamalı, kırmızı üzerine mavi, mavi üzerine kırmızı, yeşil üzerine 
kırmızı ya da kırmızı üzerine yeşil gibi yalnızca renk kontrastına dayalı metin gösterimi yapılmamalıdır. 

e (Aksini gerektiren önemli bir sebep olmadığı sürece yüksek doygunlukta renkler yerine pastel renklerin tercih 
edilmesi uygundur. 


Örnek 

14, Karşılaştırma “e Yatırım Söreç Baştanın Masajı w Haberler 

4. Araçlari Sihirbaz — 

pr Hakkımızda rteraktı! Hatta i Başarı Öykülari 
periler Yaraya” oi ' 
A vi er Ani 
a - 
Örnek sitede, renkler sade ve tutarlı olacak şekilde kullanılmıştır. 

Referanslar 


e |S0 9241-303 - Reguirements for electronic visual displays 
e o|S09241-151/9.3.9 - Using color 


Faydalı Kaynaklar 
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AAA 


9.14. Sade ve Anlaşılır İçerik 


İlke 
Kullanıcıların kolay özümsemelerinin sağlanması için internet siteleri basit ve anlaşılabilir bir yapıda oluşturulmalıdır. 
Bunun önemli bileşenlerinden biri de içeriğin sade ve anlaşılır olarak hazırlanmasıdır. 


Açıklama 

Kullanıcıların ihtiyaç duymadıkları ya da kaldırıldığında eksikliğini hissetmeyecekleri içerikler, sitenin daha karmaşık 
hale gelmesine neden olacağı için internet sitesinin kullanılabilirliğini olumsuz etkileyecektir. Gereksiz uzatılmış 
cümleler, tekrarlar, karmaşık cümle yapıları kullanıcının algısal performansını olumsuz etkiler. Kavramların net ve 
temel özellikleri ile anlatılması öncelikle sağlanmalıdır. Bunun yanında gerekli görülen durumlarda örnekler verilebilir. 
Konuşma dili ile hazırlanmış ve organize edilmeden, düzeltme yapılmaksızın sunulmuş içerikler kullanıcı performansını 
olumsuz etkilemekle kalmayıp kullanıcı memnuniyetini de düşürecektir. 


Yönergeler 

e (OHedefkitlenin ihtiyaç duymadığı ya da kaldırıldığında eksikliğini hissetmeyeceği öğelerin hiçbiri internet sitesinde 
yer almamalıdır. 

e» o İçeriğin kısımlara bölünmesi ve başlıklar altında toplanması anlaşılırlığını artıracaktır. 

e (Gereksiz tekrarlardan ve ağdalı cümlelerden kaçınılmalıdır. 

e (Başkanımız, Müdürümüz gibi konuşma dili kullanımlarından olabildiğince kaçınılmalı, birden çok ünlem işareti 
içeren konuşma yapıları kullanılmamalıdır. 

e (o Görsel tasarım prensipleri uyarınca görsel karmaşa oluşturacak bileşenler sayfadan çıkarılmalıdır. 

»e (Beyaz boşlukların yeterli ölçüde kullanılmasına dikkat edilmelidir. 


Örnek 
"li &z İmane dl İİ ri A GE s1) 
| e EMRİ 
bri Le E 7 
a e Ge m ee yemem Lİ 
Örnek sitede fazla sayıda ikon ve görselin dağınık olarak bulunması, site görünümünü karışık hale getirmiştir. 
Referanslar 


e o|S09241-151/ 7.1.5 - Structuring content appropriately 
Faydalı Kaynaklar 


e o https://www.usability247.com/blog/usability-egual-simplicity/ 


e o https://www.usability.gov/what-and-why/user-interface-design.html 


Aki 


9.15. Satır Uzunluğu 


İlke 
Satır uzunlukları, internet sitesinin amacına göre belirlenmelidir. 


Açıklama 

İnternet siteleri geliştirilirken sitenin performansı veya kullanıcıların alışkanlıkları göz önünde bulundurularak satır 
uzunlukları belirlenmelidir. Uzun satırların ekran üzerinde okumayı ve takip etmeyi zorlaştıracağı unutulmamalıdır. 
Yapılan araştırmalarda 60 cm okuma uzaklığından en uygun okunabilir satır uzunluğunun 6-14 cm arasında olduğu 
görülmüştür. Bu nedenle tam sayfa genişliğinde metin kullanımı yerine kolonlar ya da resim / menü / içerik blokları ile 
yer paylaşımı yapılarak tasarlanan metinler daha okunur olmaktadır. 


Yönergeler 

e (o Kullanıcıların kısa sürede daha fazla bilgiye ulaşması amaçlanıyorsa satır uzunlukları 75-100 karakterden daha 
uzun olmamalıdır. 

e (Uzun satırlar kullanmak yerine, madde imleri ve bölümlendirme tekniklerinden faydalanılmalıdır. 

» “Serif” fontların “Sans-Serif” fontlara oranla daha kolay okunması nedeniyle metin içinde “Serif” fontlar (Örn. 
Times New Roman, Palatino, Cambria vb. kenarları çentikli) tercih edilmelidir 

e (Harflerin geniş olduğu fontların birim alanda daha az metin içereceği ve daha çok göz hareketi gerektireceği 
düşünülerek uygun font seçimi yapılmalıdır. 


Örnek 


TÜRMİYE BURSLARI EĞİTİM İÇİM TURKİYE 


EĞİTİM İÇİN TÜRKİYE 


em. dr Avyapdiğı tpreği İbanan. dünyedeki (ba ilkeden biziliz Şu üneüliğ an İmzkde küğiür ve EĞİTİM İÇİN TÜRKİYE 
ti alda tOğrmAı w ğine Ve arindan nötbişatına kadı b n 
TürMiye'nim bu çuğulk'm yapun güz» çarpmalram TÜRRİYR HAKKINDA 
KULTUD, BAMAT VE TAM 


MEDYA, KÜTÜPHANELER VE 
SOSYAL KULÜPLER 


ULAŞIM 

SAĞUK 

doğal yüzellikie shui Türkiye yk eşinde düre A A a Alak yanlar ML GOVENLİK VE YASALAR 
TİME MUTFAĞI 


ÇALIŞMA HAYATI 


Örnek sitede, satır uzunlukları kısa tutulmuş, içeriğin okunabilirliği artırılmıştır. 


Referanslar 
e 1S09241-151/7.1.6 - Level of granularity 


Faydalı Kaynaklar 


telafi 


9.16. Sayfa Hiyerarşisi 


İlke 
İnternet sayfalarındaki içerikler önem sırasına göre yerleştirilmelidir. 


SAYFA YAPISI 


. Açıklama 

İnternet sitelerini oluşturan ana sayfa ve alt sayfalarda, sitenin amacına ve hedef kitlesine göre farklı bilgi veya 
işlemler diğerlerine göre daha önemli ya da sıklıkla kullanılıyor olabilir. İnternet sitesi geliştirilirken bu durum göz 
önünde bulundurulmalı, kullanıcılar tarafından daha sık tercih edilen işlemler ve içerikler sayfa üzerinde daha kolay 


ulaşılabilecek yerlere yerleştirilmelidir. 


Yönergeler 

e o Ana sayfada ve alt sayfalarda sıkça kullanılan ya da önemli olan işlemlerin / bilgilerin görünür olması ve kolay 
ulaşılması sağlanmalıdır. 

e (o Kullanıcılar genellikle sayfalarda sola ve üste odaklanmaktadırlar. Bu sebeple, sık kullanılan bilgiler tercihen bu 
alana yerleştirilebilir. 

e o Sıralama,kullanım sıklığına ve kronolojik öncelik-sonralık ilişkisi göz önünde bulundurularak yapılandırılmalıdır. 
Hiçbir ilişki olmadığı takdirde alfabetik ilişkiye dayandırılmalıdır. 

e» İşlemlerin / bilgilerin yerleri dinamik olarak sık sık değiştirilmemelidir. 


MET 


By PENDİK ğü üldinninili 60009008 Ne aaa 8180 EN 


BAŞLANIMIZ TESİSLER KULTUR SANAT P#ÇIELER 


İM | 13-31Ekim | 
DÜN KÂŞİ-EVÂNİ — 
© Mehmet Akif Ersoy 


.. . i 3 | ; 
bn M z gi y” ks Sanat Merkezi 


Çini 


SERGİSİ 


Örnek sitede, sık kullanılan işlemler sayfada gruplanarak kullanıcıların kolay erişimi sağlanmıştır. 


Referanslar 
e |S09241-151/6.7 - Prioritizing different design goals 


Faydalı Kaynaklar 
e o https://www.usability.gov/what-and-why/visual-design.html 


AAA 


9.17. Sayfa İçerikleri 


İlke 


İnternet sitesi içerikleri anlaşılır, sade ve dilbilgisi kurallarına uygun olmalıdır. 


Açıklama 


İnternet sitelerindeki içeriklerin sitenin amacı ile tutarlı olması ve kullanıcıların ihtiyaçlarını karşılaması gerekmektedir. 


Yönergeler 

e» İnternet sayfasındaki içerikler farklı kişiler tarafından gözden geçirilmeli; hatalı ya da eksik içerikler 
düzeltilmelidir. 

e» o İçerikler hazırlanırken kurumun misyonu ve vizyonu ile kurumun sunduğu hizmetler göz önünde bulundurulmalı, 
kullanıcıların beklentilerini karşılayacak bağlantı ve içeriklere yer verilmelidir. 

e» o İçeriğindahaanlaşılır hale getirilmesi için kullanıcıları aşırı ve gereksiz bilgiye boğmak yerine, içeriğin kimler için 
olduğu, içerikte ne olduğu, bilgilerin ne zaman oluşturulduğu, içerik ile ilgili varsa bir yer bilgisinin belirtilmesi 
ve neden böyle bir içeriğin hazırlandığına dair soruların cevaplanabilir olmasına dikkat edilmelidir. 

e (Kurumun hedef kitlesi için gereksiz ya da önemsiz olan hiçbir içerik (metin, görsel vb.) internet sitesinde yer 
almamalıdır. 

e (Basılı metne oranla daha kısa içerikler kullanılmalı, taramaya uygun yapıda basılı materyale oranla daha çok 
sayıda bölüm, paragraf ve başlıklarla desteklenmelidir. 


Örnek 


14 Taebağinl At fk 


Türkiye AB ilişkileri 


Tunöya Curmarşei kuulağı şundan bu yana Çağdaş maderyelit goryan azn 
yekün İnt Zalime ula rakarialürmi köri a) gelkğırmen aşi yakılan kakipı livey vi DEZİ 
NATO gön atuarmamı Oluğamıarma Merdin kema kadran İyi tahin en boyek 
by een vd silerim Açm Shark Tuyhlağan ( 1904 yimdn 
Ktumasndarı kıra Se süre vana Türkten de Di geçmeye koyrmiz kaim ve Teernuz 
*OĞU'de Tapkuluğı sar Uye cinsi rçin boçamtuytur 


Bu taryvuru Diğer Türkipeirn kader direnir tam Üyeliği gereklimi yetim getme 
yele olmadığı bkm ve ia Üyelik kaşillerı gerçekleşincepe barlar yeeçeri wlatek be 
öriMik anlaşma —meğanmam önerilmiştir Saz konumu anlaşma 12 Eykii VÖĞ3 Saritesdn 
Mekar'da mazlarmışin 


Abm Alamam Türüyeten ALT pe enlayımayunu içir tycalık yapa ve nd düre gbt 
üzerm e inlemek bit süreç öngörmüşir Arlaşmaris öngören bazrik dönemi 1M0İ şünda 
Mata Pratokal ve yülnüğe rma sir eriş ve geçe düre ytimeşir. YÜTÖlen 
eapramik Turları we İSA) garbesırin etonyle yaş #eeyen geçış dönere sayet TŞMTdN 
Türipetan Görme Briğine girşi Sora ermeşiii 


12011 Ari İYUZ tarinde Helşmlir yapim Örece m üyriğe siyfağmız İrszi 
Scalerer Avrupa Birliği ve uzun br geçmu bune kşinişrrmde yerı ber dareire başlamış 
97 rak 2004 tara Srükse Teven, AB. Terlişa #şeşeende be donem nok omuşü! 
Zyarde Tüp Viya kieelei peer Glçüe karyıladığı belirterek 3 Zam 2008 İsli 
mazaliee Daylanımas Desirişti Örten tarhiz kalım müzelere bayanın c.c 
müklesebal uyun Çakşmaları haler derd cimeatnğı 


fes 


Örnek internet sitesinde, kurumun sunduğu hizmetler göz önünde bulundurularak gruplama yapılmış; içerikler basit ve anlaşılır olacak 
şekilde düzenlenmiştir. 


Referanslar 
e |S09241-151/7.1.4 - Completeness of content 


Faydalı Kaynaklar 
e o hitp//www.userfocus.co.uk/resources/contentchecklist.html 


e o https://sherpa.blog/kisa-yazmak-ya-da-uzun-yazmak-iste-butun-mesele-bu#.WbjjY7JJbcs 


telafi 


9.18. Sayfa İçeriklerinin Güncelliği 


İlke 
İnternet sitelerinde yer alan içerikler güncel tutulmalıdır. 


SAYFA YAPISI 


Açıklama 
İnternet sayfalarında yer alan içeriklerin güncelliğinin ve geçerliliğinin kontrol edilmesi gerekmektedir. 


Yönergeler 

e» İnternet sitesindeki içeriklerin güncelliğinin kontrol edilmesi için düzenli olarak gözden geçirme işlemi 
yapılmalıdır. Önceki güncelleme üzerinden çok uzun süre geçmesi, sitenin güncellenmediği, içeriğin yeterli ve 
güncel bilgileri içermeyebileceği düşüncesini doğurur. 

e (o Güncel olmayan bilgiler ve içerikler güncellenmeli, güncelliğini yitirenler kaldırılmalıdır. 

e (Duyuru, haber, bilgilendirme gibi içeriklerin yayımlanma ve güncellenme tarihi belirtilmelidir. 

e» o İnsan kaynağı ya da teknik açıdan güncelleme yapılması sıkıntılı olan sitelerde tarih bilgisinin önem taşımadığı 
düşünülen içeriğe güncelleme tarih bilgisi konmaması ve zamana bağlı olan haber türündeki içeriklerin 
azaltılması alternatif olarak tercih edilebilir. 

» o İçeriğe farklı sitelerden bağlantı verilmiş olabileceği göz önünde bulundurarak yapılan güncellemelerde sayfa 
adresi değiştirilmemelidir. Sayfa adresinin değişmesi gereken durumlarda gerekli yönlendirilmeler yapılmalıdır. 

» o Sürekli güncel bilginin olması beklenen sitelerde (Örn. Hava durumu, sefer saatleri, nöbetçi eczane bilgisi vb.) 
son güncelleme tarihi mutlaka görünür bir biçimde belirtilmelidir. 


Örnek 
Haberler Duyurular 
İC) Yeni Bilgi ve Belgeler Işığında (Kök)türk Harfli | Fl Başsağlığı 
Yazıtlar Konferansı 
El Süreli yayınlarımız Türkiye Dergicilik İC) Oğuzlar: Dilleri, Tarihleri ve Kültürleri 
Fuarı'ndaydı sempozyumu 
İL) Milletlerarası Klasik Türk Edebiyatı İC) Türk Dili'nden Mayıs çağrısı 
Sempozyumu Şanlıurfa'da yapıldı 
Haber Belgeliği Duyuru Belgeliği 
Örnek sitede, haber ve duyurular için tarih bilgisi girilmediğinden bu bilgilerin güncel olup olmadığı anlaşılamamaktadır. 
Referanslar 


e |S09241-151/ 7.2.4 - Keeping content up to date 
e 1S09241-151/ 7.2.5 - Making date and time of last update available 
e |S09241-151/9.3.5 - Visualizingtemporal status 


Faydalı Kaynaklar 
e o https://www.usability.gov/what-and-why/content-strategy.html 


e o https://www.interaction-design.org/literature/article/usability-a-part-of-the-user-experience 


AAA 


9.19. Sayfa Uzunluğu 


İlke 
Uzun ya da kısa içerikler oluşturulurken sayfanın kullanım amacı göz önünde bulundurulmalıdır. 


Açıklama 

İnternet sayfasının uzunluğu, sayfanın temel amacına göre değişkenlik gösterebilir. Örneğin, ana sayfa ya da genel 
bilgilendirme sayfalarının kısa olması gerekirken; detaylı bilgi vermeyi gerektiren sayfalarda uzun içerikler tercih 
edilebilir. Uzun içeriklerin kullanılmasının gerekli olduğu durumlarda, kullanıcıların kolaylıkla ve bölünmeden 
okuyabilecekleri tasarımlar yapılmalıdır. Her durumda içeriklerin daha çok bölünmesi ve gruplanması ile okunurluk, 
anlaşılırlık ve yeniden bulunurluk kolaylaşmış olacaktır. 


Yönergeler 

e (Ana sayfa ve genel bilgilendirme amaçlı sayfalarda, kullanıcıların bir kerede daha fazla bilgi görebilmesi için 
sayfalar kısa olacak şekilde tasarlanmalıdır. 

e (Uzun sayfa kullanımının zorunlu olduğu detaylı bilgi içeren sayfalar için dikey kaydırma çubuğu kullanılmalıdır. 

e (Uzun içeriklerin kolay okunabilmesi ve kullanılabilir olabilmesi için sayfa içi bölümleme yapılmalı, başlıklar 
arasında bağlantı (link) verilmelidir. 

e (Yatay kaydırma gerektirmeyecek içerik oluşturulmalıdır. 

e (Metinler orta-hizalamaile değil, sola dayalı ya da her iki taraftan hizalamalı olarak sunulmalıdır 

e (Uzun içeriklerin kolay okunması için paragraflar, bölümler, ara başlıklar yeterli ölçüde kullanılmalıdır. 


Örnek Sıkça Sorulan Sorular 


Lola Se v3 iy ya iy yö. veya 0 sö. saaye 


8 İTE Ta rte gr ymm eğim 


| lüt yen iş yatma hangı grameri mu mad ie 
E anna hukamanı 

| rs anrmde sente sne lansnz aramı va işa kayi pömiasakini bakanlar» 

| siren bert öe sayma ener ın arma Kanma Seç ermeye Me gayem 
Hriyy vie Üri İşkmeeri 


| #UTE emer rr sti epin terra saree er 


İY 


| sea TEAM a ey ee MAN ve gk yy? 


| Teme artamındm iddd4 bayık yapana işi: öğ alanla emar yosun hasas ylmy arağeye Ulet'M Sınaş nom. Cİ anmak alandan Une 
seir etamin ver yagan yea 


Tedi harun Bökshe vmhmri 

— 

| svetamtaya eeçete maiyenii v010mn 400 1904 Bree çan UY Ay TAMA e m ON b a 
| evire yapin as mele AY yn sp yy ad 


> TÜTER e yapsan s00 beldramiesi hn TU varr süne yayslukak Hesu 


Örnek sitede, içerik başlık verilerek bölümlere ayrılmış ve açılır kapanır bir tasarım uygulanarak kullanıcıların sayfa içinde kolay gezinmeleri 
sağlanmıştır. 


Referanslar 
e 1S09241-151/7.1.6 - Level of granularity 
e 1S09241-151/8.4.14 - Subdividing long pages 
e |S09241-151/9.3.6 - Selecting appropriate page lengths 


Faydalı Kaynaklar 
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tele! 


9.20. Sayfalama Yapısı 


İlke 

İçeriğin oldukça uzun olduğu durumlarda sayfa yapısı daha küçük sayfalara bölünerek sunulabilir. Çok uzun olan sayfa 
içeriklerinin mantıksal olarak kategori oluşturabilen küçük parçalara bölünebildiği durumlarda sayfalama yapısı tercih 
edilebilir. 


Açıklama 

Sayfa içeriği daha küçük parçalara bölünebiliyorsa ve bağlantı verilen sayfaların genel olarak belirli oranda hızlı 
yüklendiği biliniyorsa, sayfalama yapısı (paging) kullanılabilir. Kullanıcıların kaydırma çubuğu ile sayfa içinde gezinmesi 
yerine, verilen bağlantılarla sadece ulaşmak istediği bilgiyi içeren sayfaya yönlendirilmesi sağlanabilir. Gelişen bağlantı 
hızları sayesinde kullanıcıların uzun sayfaları yükleme sorunu çözülmüş olup sayfa devamını dinamik yükleme 
teknikleri ile yüklenen kısmın görüntülenmesi, bir sonraki kaydırma içeriğinin ise ön belleğe alınması çözümü de 
uygulanabilir. Sonsuz kaydırma tekniği bu yaklaşımın dinamik içeriklerde kullanılan şeklidir ve ilgili bölümde detaylı 
ilkeler açıklanmaktadır. 


Yönergeler 
e (OUzuniçeriklerin daha küçük parçalara bölünmesi mümkünse, sayfalama yapısı tercih edilmelidir. 
e (Kaydırma gerektiren uzun sayfalarda ilk yüklenen kısmın görüntülenmesini engelleyen kod parçacıkları, tablo 
yapıları kullanılmamalıdır. 
e (o Sayfalamayapısı kullanılırken, bağlantı verilen sayfaların hızlı yüklenmesi sağlanmalıdır. 
»e (Sayfanın tam yüklenemediği durumlarda, bu durumun sayfanın sonu olarak değil sayfanın tam olarak 
yüklenemediği biçiminde kullanıcı tarafından algılanması için yeterli ipucu verilmelidir. 


Örnek 
Kurumsa! Projeler Teknolojiler ve Çözümler ictişim 


Kamu İnternet Siteleri İçin 
Kullanılabilirlik Rehberi 
Hazırlanacak 


KULLANILABİLİRLİK REHBERİ 


Türü 


Örnek sitede, kaydırma çubuğu yerine sayfalama yapısının kullanılması, kullanıcıların istediği haberin numarasına tıklayarak ilgili habere 
ulaşmasını kolaylaştırmaktadır. 


Referanslar 
e 1S09241-151/8.4.14 - Subdividing long pages 
e |S09241-151/9.3.7 - Minimize vertical scrolling 


Faydalı Kaynaklar 


AAA 


9.21. Sonsuz Kaydırma 


İlke 


Bilgiye ulaşmanın öncelikli olduğu kurumsal sitelerde sonsuz kaydırmadan kaçınılmalıdır. 


Açıklama 

İnternet sitelerinde “sonsuz kaydırma linfinite scrolling)”, aşağıya doğru devam eden içeriklerden oluşan ve kullanıcı 
aşağı doğru ilerledikçe içeriklerin yüklendiği bir kaydırma tekniğidir. Genel olarak sosyal medya araçlarında, e-ticaret 
sitelerinde ve mobil sitelerde kullanılmaktadır. Sonsuz kaydırma tekniği ile büyük miktarda olan bilgiler kolay bir şekilde 
sunulsa da; hedeflenen bir bilgiyi aramak için sayfaya giren kullanıcıların istedikleri bilgiye ulaşmasını sayfalama 
yapısına göre daha zorlaştırmaktadır. 


Yönergeler 
e (o Kullanıcılarınbilgialmakyadaişlemyapmak amacıyla kullandıkları sayfalarda sonsuz kaydırma kullanılmamalıdır. 
e o İnternet sitelerinin mobil sürümlerinde sonsuz kaydırma tekniği kullanılabilir. 


Örnek 
«»*o( 0 
MD | | iI ii | 
“MADDE 1- (1) Ba İştüzüğün ama ve kapsamı, Anayasa Mahkemesinin iş düzerini, işlerişir, 
taşklatını, BOüM ww 
Komisyorların suğumunu, çekme, yargılama veyl ve esaslarru, tutulacak detter ve kaytlarıı, 
sizkirond örtem da ân 
evrakın adeğ düzenini ve arivlermesini, Mahkeme kütüphamesrı, Genel Sekreterlik ile idari 
teşk larını, ör persorsin 
görev ve sorumhduklarını, Başkan, Bağkamek er, üyeler ile raportörler ve raportör yardımadarının 
OLUK döayelormın 
tutulması, dalın Şlerni, izrlerre, gyevetden hsvelern Şekli 8 bunların giyime zaman ve 
yerlerini müzokere ve 
duruğmaların yöratımı ve kayda clırımaamn geoslarını düzenleröktir. 
Hukül dayana 
MADDE 2. (1) Su İçtüzük, 7/1182 tari ve 2705 soyık Türkiye Cumhuryeti Anoyozasrın 4 
uncu madden ie 
90/3/2011 tarinli ve 6215 sayı Anayasa Mahkemeerin Kuruluğu ve Yargdama Usuderi Hakkında 
Karun $ müi 
maddavıme dayandarok kazrlanmığır 
Tarurtar 
MADDE 7: (1) Bu İçtüzük uygulsmasında, 
al Arağtırma ve İçtat Sirimi iAriç) Mahkeme kararlarını izleyerek içtihadı geiğtirimezi ve tanıtımı 
ip» 
çahğrmalar yapmak. içtihat forkakklarının önlermesine yönelik önerilerde bulunmak ve bu amaçlarla 
#atatistikler ve erağırma 
toparlar: hazırlamakla görevli kirm., 
b) Başkan Anamas Mahkemaş! Bağı amımı, 
6) Başkanlı Anayasa Mahkemesi Başkanlığını, 
ç) Başkanasinir Bölümlerin Bağkanlığını yürütmek ve Başkana yekdlet sımsk üze Senai Xusulca 
dört yılığına 
seçim Öymeri, 
d| Başrapertör Genel Kurulda, breyeel bağvıru brimlernde ve Arlş'te rüpertörler ve raportör 
yordencdarrın 
toalyetleririn ve Mahkemede oluşturulan çalışma grurlarının düzenli ve verimi iğleyığını sağlamak, 
Gerel Kurul ve i 
Bölümler işlayış: 46 ögüi konularda Başkana ve Bölüm Başkorarına yardımcı cim 
00 0 0 
Örnek site görselinde kaydırma çubuğu ile sayfanın altındaki içeriğe ulaşıldıkça yeni içerikler yüklenmektedir. 
Referanslar 


Faydalı Kaynaklar 


AAA 


9.22. Tablolarda Satır ve Sütun Başlıkları 


İlke 
Sayfa içerisinde tablo kullanılması gerekiyorsa, satır ve sütun başlıklarının açık, kısa ve içeriğe uygun olmasına dikkat 
edilmelidir. 


SAYFA YAPISI 


Açıklama 
Kullanıcılar tabloyu doğru bir şekilde okuyabilmeli ve hangi hücredeki içeriğin neye karşılık geldiğini anlayabilmelidir. 
Ayrıca, satırların birbirinden ayrılması ve farklı renk kullanımı da okumayı kolaylaştırdığı için tavsiye edilmektedir. 


Yönergeler 

e» o Tablolarda satır ve sütun başlıkları tablonun anlaşılmasını kolaylaştıracak şekilde açık olmalıdır. 

e — Tablonun okunmasını ve anlaşılmasını kolaylaştıracak tasarımlar tercih edilmelidir. 

e (o Tabloarka plan renkleri için doygun renkler kullanılmamalıdır. 

e Bir sıralama mevcut ise tablonun hangi veriye göre sıralama yaptığının kullanıcı tarafından algılandığından emin 
olunmalıdır. 

e Solda bulunan sütunlarda mümkün olduğu kadar tekrarlı bilgilerin olmamasına dikkat edilmelidir. Yatay 
kaydırma kullanılmaması önerilmekle birlikte mecburi olduğu durumlarda kritik olan bilgilerin sol sütunlarda 
gösterilmesi kullanıcının sürekli olarak sola ve sağa kaydırma çubuğu kullanma gereksinimini azaltacaktır. 

e (o Tablo büyük olduğunda ayrı ayrı sayfalara bölünebilir. Ancak tarayıcının birden çok sayfayı dikey kaydırma ile 
gösterebildiği ve tablonun kaydırma ile incelenebileceği unutulmamalıdır. Bu kaydırma tablo bileşeni içindeki ek 
kaydırma çubuğu ile değil, sayfanın kenarındaki çubuk temel alınarak gerçekleştirilmelidir. 

e (Uzun tablolarda dikey kaydırma kullanılırken sütun isimlerinin, yatay kaydırma kullanılırken ise satır isimlerinin 
sabit kalması tablodaki bilgilerin takibini kolaylaştıracaktır. 


Örnek 

Mi n a ve -ge hracat ve Firmi ia N 

Sıra Val. ei 2 'önetici Şirket İrini Koneolion geli : 
3629) (2620) 9412) 

J ODTÜ Teknokent TGB 7,63 17,43 13,13 7,38 
2 Ankara (Bilkent) TGB 6,84 18,06 11,73 2,32 
3 İTÜ Arı Teknokent TGB 6,51 16,47 13,75 3,38 
4 Sakarya Üniversitesi TGB 8,42 14,16 10,24 
5 |izmirTGB 5,90 16,88 12,18 148 
6 Selçuk Üniversitesi TGB 8,70 17,35 7,55 
ri Gazi Teknopark TGB 7,65 11,41 9,91 147 
8 Batı Akdeniz Teknokenti TGB 6,00 14,99 12,71 
9 Mersin TGB 8,34 9,23 11,70 0,72 
10 | Eskişehir TGB 6,14 12,29 9,78 1,33 
11 | Hacettepe Üniversitesi TGB 7,89 12,07 8,00 4,47 
12 | Trabzon TGB 8,88 14,81 7,31 
13 | Erzurum TGB 11,41 15,57 6,87 
14 | Çukurova TGB 11,65 13,17 6,86 
15 | Ulutek TGB 6,69 14,92 9,21 


Örnek sitede verilen tabloda, sütun başlıkları açık ve anlaşılır bir şekilde belirtilmiş, kullanıcıların tabloyu anlaması kolaylaştırılmıştır. 


Referanslar 


Faydalı Kaynaklar 


AAA 


9.23. Tablolarda Satır ve Sütun Boyutları 


İlke 


Tablolarda satır ve sütun büyüklükleri içerikle uyumlu olacak ölçülerde tasarlanmalıdır. 


Açıklama 
Tablo kullanılan internet sitelerinde, satır ve sütun büyüklüklerinin sayfa yapısını bozmayacak şekilde seçilmesi 
kullanım deneyimini artıracaktır. 


Yönergeler 

e oOÇok yoğun içeriğe sahip tabloların kullanımından kaçınılmalıdır. 

e (o Tablolarda hücre biçimlendirmelerinin tutarlı olmasına dikkat edilmelidir. 

e (oOUzuniçeriklerin dinamik olarak sütun genişliğini olumsuz etkilememesine dikkat edilmelidir. 

e (Hücrelerin gereksiz bilgi içermesinden kaçınılmalı, uzun içeriklerde metin katlama, kırpma ya da kaydırma 
özelliğinden faydalanılmalıdır. 

» (o Tablo içerikleri tutarlı olacak şekilde hizalanmalı, bütün hücreler aynı formatta (Örn. Sola dayalı, iki yana yaslı, 
ortalı vb.) biçimlendirilmelidir. 


Örnek Teknoloji Transfer 


ofisi irtibat Kişisi İrtibat Bilgileri (Telefon; E-posta) 


Bilkerit Üniversitesi —.. 
Teknoloji Transfer Ofisi 


Egs Universitesi 
Tekneloji Transfer Ofisi 


. — 
Selçuk Üniversitesi 
Teknüloji Transfer Ofisi 


Eroyes Üniversitesi 
Tekmelan Transter Ofsı 


orta Doğu Teknik 
Üniversitesi Teknoloji .... 
Transfer Ofimi 


İstanbul Şehir 
Universitesi Teknoloji 
Transfer Ofisi 


Özyeğin Ürmersitesi .— GER om 
Telmeleii Transfer Ofisi 


Gaziantep Universitesi 
Teknüleji Transfer ofisi d- . 
Örnek sitede, tablo içerikleri tutarlı bir şekilde hizalanmış ve kolay okunabilecek şekilde tasarlanmıştır. 
Referanslar 


Faydalı Kaynaklar 


e ebelei 


9.24. Tutarlı Sayfa Tasarımı 


İlke 


İnternet sitesindeki sayfaların tamamı birbiriyle tutarlı olmalıdır. 


Açıklama 


SAYFA YAPISI 


Tutarlılık, benzer metin ve görsel bileşenlerin tasarımının birbiri ile aynı tasarım yapısında oluşturulması anlamında 
kullanılır. Bu sayede öğrenme daha güçlü olmakta, önceden öğrenilenler sonraki görevlerin yapılmasında daha çok 
yardımcı olmaktadır. Ayrıca tutarlılık ile kullanıcılara, siteye ait farklı alt sayfalarda gezinirken de hala aynı site içerisinde 
oldukları hissettirilmekte ve daha güçlü gezinti (navigasyon) yapmaları sağlanmaktadır. 


Yönergeler 

e OAnamenüveyan menüler bütün sayfalarda aynı olmalıdır. 

e (Sayfa tasarımındaki yazı, başlık, resim, tablo, logo vb. bütün öğeler benzer şekilde tasarlanmalıdır. 

e» o İnternet sitelerinin kullanılabilir olması için siteye ait bütün alt sayfalar arasında tutarlılık sağlanmalı, bütün 
sayfalar aynı yapıda tasarlanmalıdır. 

e» o İnternet sitesi genelinde kullanılan yazı tipleri, yazı büyüklükleri, yazı renkleri ve sayfa hizalaması gibi özellikler 
bütün sayfalarda mümkün olduğunca aynı olmalıdır. 

»e Karmaşık site yapılarında üç ya da dört ayrı temel sayfa şablonu belirlenir. Bu şablonlar aynı grafik dili ve font 
yapısı ile tasarlanmalıdır. Logo ve üst bant kısmının boyu ve özellikleri, bu farklı tasarımlarda değiştirilerek 
ihtiyaca göre, tutarlılık bozulmamak kaydı ile düzenlenebilir. 

» o Sayfaiçerikleri, dil yapısı ve hitap şekli tüm sitede tutarlı olmalıdır. 

e o Logo ve düğme gibi bileşenlerde görülebilecek bir piksel boyunda kayma ya da denge bozukluğunun kullanıcı 
tarafından kalitede olumsuz algı yaratacağı dikkate alınmalıdır. 


Örnek sitede, ana sayfa ve alt sayfalarda yer alan üst menü tutarlı olacak şekilde tasarlanmıştır. 


Referanslar 
e |S09241-151/ 7.1.5 - Structuring content appropriately 
»e |S09241-151/9.3.2 - Consistent page layout 
e |S09241-151/9.3.15 - Identifying all pages of a website 


Faydalı Kaynaklar 
»e o hitp//www.uxbooth.com/articles/consistency-key-to-a-better-user-experience/ 
e o https:/(/digitalcommunications.wp.st-andrews.ac.uk/2016/04/07/why-is-consistency-important-in-web-design/ 
e o https://www.interaction-design.org/literature/article/principle-of-consistency-and-standards-in-user- 


interface-design 


ateli 


9.25. Yatay Kaydırma 


İlke 


İnternet sitelerinde yatay kaydırma çubuğu kullanılmamalıdır. 


Açıklama 

Yatay kaydırma çubuğu kullanılması, kullanıcıların içeriğin tamamına hâkim olmasını engelleyeceği ve farklı ekran 
tiplerinde içeriğin görüntülenmesini zorlaştıracağı için tavsiye edilmemektedir. İnternet siteleri tasarlanırken yatay 
kaydırma çubuğu gerektirmeyecek; farklı ekranlara göre esneklik sağlayabilecek tasarımlar tercih edilmelidir. 
Sayfaların tam ekran açılarak geliştiriciler tarafından geliştirilmesi ve daha küçük tarayıcılarla test edilmemesi 
yüzünden bu sorun sıklıkla ortaya çıkabilmektedir.. 


Yönergeler 
e o İnternet sayfalarında yatay kaydırma çubuğunun kullanımından mümkün olduğunca kaçınılmalıdır. 
e (o Geliştirme aşamasında site tam ekrandan daha küçük tarayıcı pencereleri ile test edilmelidir. 
e (Akışkan tasarım CSS teknolojisi ile farklı ekran boyutları için tercihen yaklaşık 3 ayrı tasarım genişlik modu 
arasında geçiş yapılmalıdır. 


Örnek 


İL mn İZ e ği eb ğe ğin ve van erden mi pet 


milçemiz. — /iğ 
m Kavmakamlık — EE ği 


İLÇEMİZDE BULUNAN 2/5 ALANLARI İLE İLGİLİ OLARAK 


nK.H G.E. iii EZE KALUNAN Hi 
il MALMÜDÜRLÜĞÜ MİLLİ EMLAK SERVİSİ DUYURUSU 


MS.V.D. Vakfı 

8 Hizmet Sandartları 
m Projeler — 

m ihâlder 

» Fotoğraf Abümü — 
m Bilgi Edrime 

8 Telefon Rehber 

8 İntemet Bağlarınları 
a İletişim 


m Engish İlçemizde “Günl Elçileri" ve “Koruyucu Ale “Tanetim Toplantısı /ğ 
11020014 -123447 


Alle ve Sosyal Feliukalar 1 Mudürluğu ve İlçemiz Kaymakamlığı İşbirliği ile 
19.UZ,2014 tarihinde Ayhan Sümer Kukür Merkezi Salonunda Koruyucu Mile , Gerul 
Ciçileri, <edınin Mesleki Eğitiminin Seğlenmez: ve Mile Eğtim Programlarının tanıtım 
toplartıs düzerlerdi 


Haberin Devarmı) 


Örnek sitede, çözünürlüğü 1024x768 pixel olan bir ekranda, kullanıcılar sayfanın tamamını görüntüleyebilmek için yatay kaydırma çubuğu 
kullanmak zorunda kalmaktadır. 


Referanslar 
e o|S09241-151 / 9.3.8 - Avoiding horizontal scrolling 


Faydalı Kaynaklar 


telafi 


9.26. Yazdırılabilir İçerik 


İlke 


Site içerikleri için yazdırma seçeneği sunulmalıdır. 


SAYFA YAPISI 


Açıklama 

Kullanıcıların bazı içerikleri basılı olarak da kullanabilmesi gerekmektedir. Bu nedenle, site içerisindeki kullanıcıların 
çıktı alma ihtiyacı duyabilecekleri içeriklerin yazdırılabilir olması sağlanmalıdır. İçeriğin doğrudan çıktı alınabilir formatta 
olması, kullanıcıların içeriği tekrar düzenlemek zorunda kalmasının önüne geçecektir. 


Yönergeler 
e (Basılı olarak çıktı alınması gereken içerikler (Örn. Dilekçe, tahakkuk fişi, beyanname vb.) için yazdırma seçeneği 
görünür olacak şekilde sunulmalıdır. 
e (o Sayfanın yazdırılması test edilmeli, koyu renk arka plan basılmasının önüne geçilmelidir. 
» o İçerik yazdırılmadan önce görüntülenen ön izleme sayfasında tüm bileşenlerinyer aldığından emin olunmalıdır. 
Böylelikle, kullanıcıların beklediğinden daha yüksek sayıda çıktı alması engellenmiş olacaktır. 
e Oluşturulan çıktının her sayfasının alt bilgi alanında kaynak gösterim metni bulundurulmalıdır. 


Örnek 


Anasayfa > Burslar > Lisans > Burs Programları 


TÜBİTAK'tan Yeni Temel Bilimler Lisans Bursları 


Başarılı öğrencilerin Temel Bilimler alanında eğitim görmelerini teşvik etmek amacıyla, 
TÜBİTAK tarafından verilen Yurt İçi Lisans Burslarının kapsamı genişletildi. Yürütülmekte olan 
bursların yanı sıra 2014 yılında uygulamaya konulacak burslar aşağıda özetlenmiştir. 


TÜBİTAK'ın düzenlediği Uluslararası Bilim Olimpiyatları veya Uluslararası Proje Yarışmaları 
sonucuna göre veya ÖSYM tarafından yapılan Lisans Yerleştirme Sınavında MF puan türünde 
ilk 5.000 (beş bin) kişi arasında yer alarak matematik, fizik, kimya, biyoloji bölümlerinden 
birine yerleşen lisans öğrencilerine 2205 - Yurt İçi Lisans Burs Programı kapsamında aylık 
2.000 (iki bin) TL burs verilecektir. 


ÖSYM tarafından yapılan Lisans Yerleştirme Sınavında MF puan türünde sıralamada 5.001 
(beş bin bir) ile 10.000 (on bin) kişi arasında yer alarak üniversitelerin matematik, fizik, 
kimya ve biyoloji bölümlerinden birine yerleşenlere aylık 1.000 (bin) TL burs verilecektir. 


TÜBİTAK'ın düzenlediği Bilim Olimpiyatları veya Uluslararası Proje Yarışmaları sonucuna göre 
veya ÖSYM tarafından yapılan Lisans Yerleştirme Sınavında MF puan türünde sıralamada ilk 
10.000 (on bin) kişi arasında yer alarak matematik, fizik, kimya ve biyoloji bölümleri 
haricinde bölümlere yerleşip matematik, fizik, kimya ve biyoloji bölümlerinde çift anadal 
programına (ÇAP) kayıt yaptıranlara 2205- Yurt İçi Lisans Burs Programı kapsamında aylık 
750 (yedi yüz elli) TL burs verilecektir. 


Örnek sitede, kullanıcıların içeriği çıktı olarak alabilmeleri sağlanmış, bunu belirten bir ikona (sağ üst köşede) yer verilmiştir. 


Referanslar 
e |S09241-151/9.3.16 - Providing printable document versions 


Faydalı Kaynaklar 


10. NAVİGASYON 


İnternet sitelerindeki içeriklere kolay bir şekilde ulaşmanın en etkili yolu, etkin gezinim özelliği sunmaktır. Gezinim 
özelliklerinin kullanıcılara bulunduğu sayfa hakkında bilgi vermesi ve diğer sayfalara ulaşma imkânı sağlaması 
gerekmektedir. Başarılı gezinim özelliğine sahip internet sitelerinde kullanıcılar rahat bir şekilde sayfalar arasında 
geçiş yapabilirler. İnternet siteleri geliştirilirken kullanıcıların en az tıklama ile en kısa süre içerisinde istediği sayfaya 
ulaşması hedeflenmelidir. Gezinim özelliğinin yanı sıra site haritasının da sunulması kullanıcılara ulaşım kolaylığı 


sağlamaktadır. 


Bu bölümde; 
e (Bekleme Süresi Hakkında Geribildirim 
e Çok Adımlı İşlemlerde Navigasyon 
» Dinamik Navigasyon Öğeleri 
e — Fazla Sayıda Bağlantı İçeren Metinler 
» o Navigasyon Öğelerinde Anlaşılır İfadeler 
» o Navigasyon Öğelerinin Gruplandırılması 
» o Navigasyon Öğelerinin Tutarlılığı 
» — Navigasyon Öğelerinin Yerleşimi 
»e (Navigasyon Seçenekleri 
e (Navigasyon Yapılarında Hiyerarşik Derinlik ve Genişlik 
e (Neredeyim Bilgisi 
e» o Sadece Bağlantı İçeren Sayfalar 
»e o Site Haritası 
e (Uzun Sayfalarda Navigasyon 
»e (o Zaman Aşmı 
ilkeleri ele alınacaktır. 


 nİntefii 


10.1. Bekleme Süresi Hakkında Geribildirim 


İlke 
Uzun süren işlemlerde, kullanıcılara işlemin hangi aşamada olduğu gösterilmeli, tahmini bekleme süresi hakkında 
bilgi verilmelidir. 


Açıklama 

Kullanıcılar çoğu kez aynı anda birden çok işlem yaptığı için uzun süren işlemlerin durumu hakkında bilgi sahibi olma 
ihtiyacı duymaktadırlar. İşlemin ne zaman tamamlanacağına dair bilgi verilmiyorsa, kullanıcılar internet sitesinden 
işlemi tamamlamadan çıkabilmekte ya da diğer işe odaklanarak sayfayı zaman aşımına uğratabilmekte, zaman kaybı 
yaşamaktadır. 


Yönergeler 

e (oOUzunsürenişlemlerde, kullanıcılara işlemin hangi aşamada olduğu gösterilmelidir. 

e (Uzun sürenişlemlerde, kullanıcılar bekleme süresi hakkında bilgilendirilmelidir. 

e (o Devam edenişlemlerde kullanıcılara işlemi iptal edebilme seçeneği sunulmalıdır. 

e (2 saniye ve daha uzun süren gecikmelerde ilerleme çubuğu gösterilmelidir, 2 saniye altında süren işlemler için 
işlemin devam ettiğine dair anlaşılır görsel kullanılmalıdır. 

e o 10 saniyeyi geçebilecek bekleme süresi için işlem öncesinde kullanıcıya ön bilgi verilmeli, işlem tamamlandığında 
bilgi mesajı gösterilmelidir. 


Örnek 


Örnek sitede, yapılan işlemin gerçekleştiği bilgisi görüntülenmekte, istenildiği takdirde ilgili işlemin iptal edilebilmesi sağlanmıştır. 


Referanslar 
e 1S09241-151 /8.3.5 - Offering task-based navigation 
e |1S09241-151 /8.3.6 - Offering clear navigation within multi-step tasks 


Faydalı Kaynaklar 


e o https://www.nngroup.com/articles/powers-of-10-time-scales-in-ux/ 


 aİetefii 


10.2. Çok Adımlı İşlemlerde Navigasyon 


İlke 
İnternet sitelerinde yatay kaydırma çubuğu kullanılmamalıdır. 


Açıklama 

Yatay kaydırma çubuğu kullanılması, kullanıcıların içeriğin tamamına hâkim olmasını engelleyeceği ve farklı ekran 
tiplerinde içeriğin görüntülenmesini zorlaştıracağı için tavsiye edilmemektedir. İnternet siteleri tasarlanırken yatay 
kaydırma çubuğu gerektirmeyecek; farklı ekranlara göre esneklik sağlayabilecek tasarımlar tercih edilmelidir. 
Sayfaların tam ekran açılarak geliştiriciler tarafından geliştirilmesi ve daha küçük tarayıcılarla test edilmemesi 


yüzünden bu sorun sıklıkla ortaya çıkabilmektedir. 


Yönergeler 
e o İnternet sayfalarında yatay kaydırma çubuğunun kullanımından mümkün olduğunca kaçınılmalıdır. 
e (o Geliştirme aşamasında site tam ekrandan daha küçük tarayıcı pencereleri ile test edilmelidir. 
e (Akışkan tasarım CSS teknolojisi ile farklı ekran boyutları için tercihen yaklaşık 3 ayrı tasarım genişlik modu 


arasında geçiş yapılmalıdır. 


Örnek 


Alan Adı Başvurusu 
ADIMLAR : | İmei eni, A 5 | s | 7 


Açklarealan Göster 


| .. Geri | | Temizle | | Devam »» | 


Örnek sitede, çok adımlı bir görevde işlem adımları, kullanıcının hangi adımda olduğu ve kaç adım kaldığı açıkça belirtilmiştir. 


Referanslar 
e |S09241-151/8.2.2 - Showing users where they are 
e 1S09241-151 /8.3.5 - Offering task-based navigation 
e |S09241-151 /8.3.6 - Offering clear navigation within multi-step tasks 
e |S09241-151/8.4.13 - Providing a “step back” function 


Faydalı Kaynaklar 


AN 


10.3. Dinamik Navigasyon Öğeleri 


İlke 
Dinamik olarak oluşturulan bağlantılar ile statik / değişmeyen bağlantılar, kullanıcılar için ayırt edilebilir hale 
getirilmelidir. 


Açıklama 

Dinamik navigasyon öğeleri, kullanıcının her ziyaretinde site içeriği veya kullanıcı parametrelerine göre hazırlanan 
bileşenlerdir. 

Dinamik navigasyon öğeleri ile internet sayfası her ziyaret edildiğinde, kullanıcılara farklı bağlantılar sunulabilmektedir. 
Ancak, dinamik navigasyon öğelerinin değişen içeriğe ulaşmada kolaylık sağlamasına rağmen internet sitesinin 
kullanılabilirliğini ve erişilebilirliğini olumsuz etkilediği göz önünde bulundurulmalıdır. 


Yönergeler 
e» o İnternet sitelerinde dinamik navigasyon öğeleri yer alıyorsa, bu öğelerin statik öğelerden ayırt edilebilmesi 
sağlanmalıdır. 
e (o Teknik yeterlilik olmasının yanında dinamik navigasyon öğelerinin mutlaka fonksiyonel ihtiyaç nedeniyle 
kullanılmasına özen gösterilmelidir. 
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Örnek sitede, yapılan aramaya göre gelen sonuçlara yönelik dinamik navigasyon (sol tarafta) oluşturulmaktadır. 


Referanslar 
e o|S09241-151/8.4.10 - Making dynamic navigation links obvious 


Faydalı Kaynaklar 


ARK 


10.4. Fazla Sayıda Bağlantı İçeren Metinler 


İlke 


Çok fazla bağlantı içeren metinlerde, okunurluğun azalmaması için gerekli önlemler alınmalıdır. 


Açıklama 
İnternet ortamında kullanıcının okuma davranışı kağıt ortamına kıyasla farklıdır. Bu nedenle, özellikle yoğun sayıda 
bağlantı içeren metinlerin kolay okunması ve özümsenmesi amacıyla önlemler alınır. 


Alınan önlemler arasında, gruplama, numaralandırma, tablolama vb. yöntemler gösterilebilir. Bağlantı listeleri içinde 
gruplama ve numaralandırma yapılması, kullanıcıların aradıkları bilgiye daha kolay ulaşmaları ve bağlantılar arasında 
daha etkin gezinmelerini sağlayacaktır. Özellikle fazla sayıda bağlantının yer aldığı internet sitelerinde, kullanıcıların 
dikkati kolaylıkla dağılabilir. Grup sayısının çok yükselmesi durumunda birden fazla hiyerarşi tercih edilebilir. 


Yönergeler 
e (o Fazla sayıda bağlantının yer aldığı internet sitelerinde, gruplama, numaralandırma, tablolama yapılmalı ya da 
madde imi kullanılmalıdır. 
e (Her bir bağlantı için ayrıca “Ulaşmak için burayı tıklayınız” yaklaşımı yerine ilk bakışta algılanabilen ve metnin 
kendisine verilen bağlantıların kullanılması yaklaşımı tercih edilebilir. 


Örnek 


Bilgi Edinme 


Bilgi Edinme Başvurusu 


7504 7017 öncen Başvuruların Duruma serglamak açın tiklayınız 

4982 Sayılı Bkü Edinme Kanunu uyarınca yapdacak bigi edinin müracaztlarını değerlendirmek ürese Maliye Bakanlığı bünyesinde Bgı Edinme Birimi kurulmuştur. Posta ya da 
bazal yapılacak başvundar ile faks yoluyla yapılacak olan başvurularda aşağda belartılan İletişim bilgilere kuanabilirsiriz. 4982 Sayılı Bâgı Edinme Hakla Kanunu uyarınca eksik 
dokduruları fotmlar değerlendameye alımayacaltıı 


2013 yılı Ocak ayından #ibaren Gelir İdaresi Başkanlığı web sayfalarından bilgi edinme başvurunuzu yapabılırsniz 
Getir İdare Başkanlığı Bâgı Filme 
Kanun ve Yönetmelikler 


4982 Sayı Büyü Tifime Maki Mar 
Bilgi Gitme Hakı Karımın Uygulanmasına Yeşkin Esas ve Usullar Hakkında Yörtedik 


Bilgi ve Belgeye Erim Ücret Genet Tetiği 


Posta yoluyla ya da bizzat yapabileceğiniz başvurularda; 


Gerçek Kişi Başvuruları İçin; Başvuranın Adı Sayadı, TC. Kimik Numarası , Aires , Telefon Numarası, İmzası 
Tüzel Kişiler İlçin; İrvarı , Yetki Belgesi, Yetkili Ada Soyadı, Atesi , Telefon Numatası bulunması gerekmektedir 


Örnek sitede, metin içerisinde yer alan bağlantılar maddeli şekilde verilmiştir. 


Referanslar 
» o1S09241-151/9.4.15 - Avoidinglink overload 


Faydalı Kaynaklar 


e o https://www.smashingmagazine.com/2016/09/reducing-cognitive-overload-for-a-better-user-experience/ 


İntes 


10.5. Navigasyon Öğelerinde Anlaşılır İfadeler 


İlke 
Navigasyon öğelerindeki isimlendirme, kullanıcı beklentisine uygun ve kullanıcı navigasyonunu yönlendirici olmalıdır. 


Açıklama 
Kullanıcılar internet sitesinde aradığı işlemin ya da içeriğin hangi sayfada bulunduğunu bilmeyebilir. Bu durumda 
navigasyon öğelerinin kullanıcılara yardımcı olması ve yönlendirmesi gerekmektedir. 


Yönergeler 
e (Navigasyon öğeleri sayfa içeriğine uygun isimlendirilmelidir. 
e (Navigasyon öğelerinin isimlendirilmesinde kullanıcıları yanıltıcı ifadelerden kaçınılmalıdır. 
e (Navigasyon öğelerinde tüm kullanıcıların anlamakta güçlük çekeceği teknik terim, jargon vb. ifadeler 
kullanmaktan kaçınılmalıdır. 
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Örnek sitede, “Yarışmalar” başlığı altında sadece yarışmalara yönelik alt başlıklara yer verilmiş, kullanım kolaylığı sağlanmıştır. 


Referanslar 
e |S09241-151/8.2.1 - Making navigation self-descriptive 
e |S09241-151/8.3.4 - Organizing the navigation ina meaningful manner 


Faydalı Kaynaklar 
e o http://cruxcollaborative.com/improve-your-usability-with-effective-navigation-labels/ 


e o https://www.nngroup.comy/articles/fixing-bad-intranet-navigation/ 


 atetefii 


10.6. Navigasyon Öğelerinin Gruplandırılması 


İlke 
Karmaşık navigasyon öğeleri kullanıcının tüm yapıyı algılamakta zorlanabileceği gerekçesiyle gruplandırılmalı, 
özetlenmeli ve görsellerle desteklenmelidir. 


Açıklama 
Bilgi mimarisi karmaşık hiyerarşiye sahip internet sitelerinde gruplama, özetleme ve görselleştirme yapılarak 
navigasyon yapısının kolay anlaşılır hale getirilmesi kullanıcılar açısından olumlu olabilmektedir. Ancak bu konuda 


aşırıya kaçılmasının kullanıcı algısını zorlayıcı bir unsur olacağı unutulmamalıdır. 


Ayrıca, bazı navigasyon öğelerine internet sayfasının farklı bölümlerinde de yer verilmesi tavsiye edilmektedir. 
Örneğin, ana menüde yer alan “Hakkımızda”, “İletişim” gibi öğelerin bütün sayfaların en alt kısmına da yerleştirilmesi 
kullanıcıların site içindeki navigasyonunu kolaylaştıracaktır. 


Yönergeler 
e (Navigasyon yapısı içerisinde birden fazla seviye içeren hiyerarşik bir yapı varsa, kullanıcıların bu yapıyı daha kolay 
anlayabilmesi için internet sitesi ilk açıldığında ilk iki seviye gösterilebilir. 
e oOKarmaşık hiyerarşiye sahip navigasyon yapıları, mantıksal ilişki korunarak farklı navigasyon bileşenlerine 
bölünebilir. 
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Örnek sitede, “Türkiye'de Dijital Dönüşüm” başlığı altında farklı bir alt menü açılmaktadır. Açılan alt menünün hem “Türkiye'de Dijital 
Dönüşüm” başlığı ile ilgili olduğu hem de ana menüden farklı olduğu görsel olarak belirgin hale getirilmiş, kullanım kolaylığı sağlanmıştır. 


Referanslar 
e 1S09241-151/8.4.2 - Providing navigation overviews 
e |S09241-151/8.4.6 - Making several levels of navigation visible 
e o |S09241-151/8.4.7 - Splitting up navigation overviews 


Faydalı Kaynaklar 
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10.7. Navigasyon Öğelerinin Tutarlılığı 


İlke 
İnternet sitesindeki navigasyon öğeleri arasında tutarlılık olmalıdır. 


Açıklama 
İnternet sitesindeki navigasyon öğelerinin tutarlı bir şekilde kullanılması, kullanıcıların yapacağı işlemleri kolaylaştıracak 
ve öğrenme sürecini hızlandıracaktır. Bu da kullanıcı memnuniyetini artırıcı bir etken olacaktır. 


Yönergeler 
e» o İnternet sitesindeki tüm sayfalarda navigasyon öğelerinin yerleşimi ve görünümü tutarlı olmalıdır. 
e (o Navigasyon öğeleri ile içerik arasında uyum olmalıdır. 
e (o Navigasyonesnasındagörüntülenen içeriğin ilişkili olduğu navigasyon öğesi belirgin bir şekilde görüntülenmelidir. 
e (o Navigasyon öğesinin görüntülenmesi için ek efor olmamalı yada mümkün olduğunda asgariye indirilmelidir. 
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Örnek sitede, navigasyon öğelerinin farklı sayfalarda tutarlı bir şekilde kullanıldığı görülmektedir. 
Referanslar 


e |S09241-151/8.2.1 - Making navigation self-descriptive 

e |S09241-151/8.3.4 - Organizing the navigation ina meaningful manner 

e |S09241-151/8.4.4 - Consistency between navigation components and content 
e |S09241-151/8.4.5 - Placing navigation components consistently 


Faydalı Kaynaklar 
e  https://link.springercom/chapter/10.1007/978-3-642-03655-2 46 (Navigational Consistency in Websites: What 


Does it Mean to Users?) 


İntel 


10.8. Navigasyon Öğelerinin Yerleşimi 


İlke 
İnternet sayfalarında bulunan navigasyon öğeleri tutarlı, görülebilir ve kullanıcılar için anlamlı olacak şekilde 
yerleştirilmeli, kullanıcıların navigasyon için harcadıkları eforu azaltmalıdır. 


Açıklama 

Navigasyon öğeleri internet sitesinin kullanımını kolaylaştırmakta, istenilen içeriğe daha hızlı ve kolay ulaşılmasını 
sağlamaktadır. Bu açıdan, navigasyon öğelerinin uygun yerleşimi kullanıcı deneyimini önemli ölçüde iyileştiren bir 
unsur olarak değerlendirilmelidir. 


Yönergeler 

e (o Sayfalardaki navigasyon yapıları kullanıcılar için anlamlı, algısına ve beklentisine uygun olacak şekilde 
tasarlanmalıdır. 

e o Ana navigasyon öğeleri ekran üzerinde sürekli görüntülenmeli veya ekranın görülebilir alanının dışında kaldığı 
durumlarda, kullanıcının kolaylıkla görüntüleyebileceği şekilde yerleştirilmelidir. 

e (Navigasyon yapıları site içerisinde tutarlı olmalı, birbirleriyle benzer tasarım yapısına sahip olmalıdır. 

e (o Navigasyon öğelerinin yerleşimi kullanıcının site içerisinde en az eforla dolaşmasını sağlamalıdır. 

e Birişlemin tamamlanabilmesi için minimum sayıda navigasyon öğesinin tıklanabileceği bir yapı oluşturulmalıdır. 
Ancak, yapılacak işlemin karmaşık olması durumunda, navigasyon yapısının çok sayıda basit adımlardan 
oluşması tercih edilebilir. 

e» o İnternet sitesinde yer alan navigasyon yapıları birbirinden ayırt edilebilir şekilde yerleştirilmelidir. 

e (Navigasyon öğelerindeki alt-üst ilişkisi görsel olarak belirgin bir şekilde tasarlanmalıdır. 

e o Sayfaiçindeyer alan başlıklara sayfa başında toplu olarak yer verilerek kullanıcı navigasyonu kolaylaştırılabilir. 
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Örnek sitede, yatay ve dikey navigasyon öğelerine yer verilmiş, navigasyon öğeleri farklı renklerde tasarlanarak gruplandırılmıştır. 


Referanslar 
e 1S09241-151/8.2.5 - Minimizing navigation effort 
e |S09241-151/8.3.4 - Organizing the navigation ina meaningful manner 
e |S09241-151/8.4.3 - Maintaining visibility of navigation links 
e o|S09241-151/8.4.5 - Placing navigation components consistently 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/minimize-cognitive-load/ 


e o https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/ 


ateli 


10.9. Navigasyon Seçenekleri 


İlke 
İnternet sitelerinde farklı navigasyon (gezinim) seçenekleri sunulmalı, bütün sayfalarda navigasyon özelliğine yer 
verilmelidir. 


Açıklama 
İyi bir internet sitesi iyi tasarlanmış bir şehre benzer. İçinde kolaylıkla gezinebilmek amacıyla belirli noktalar, işaretler, 
yönlendiriciler vb. bileşenlerin yanında kişinin algısına uygun yapısal tasarım da oldukça önemlidir. 


Kullanıcılar internet sitesindeki gezinimleri esnasında planlama yapmaktan ve hafızalarını gereksiz kullanmaktan 
kaçınırlar. Bulundukları sayfada navigasyon öğesi olarak sunulan bağlantıları kullanmayı tercih ederler. Kullanıcılar 
ziyaret ettikleri internet sitelerinin navigasyon yapısını çıkararak zihinsel harita oluştururlar ve sayfaları gezerken 
oluşturdukları bu haritayı kullanırlar. Zihinsel haritalarını sağlıklı bir şekilde oluşturabilmeleri için internet sitesi 


içerisinde yer verilen navigasyon yapıları iyi organize edilmelidir. 


Yönergeler 

» o İnternet sitesinde yer alan navigasyon öğeleri farklı kullanıcı hedeflerine uygun ve kolay anlaşılır bir yapıda 
tasarlanmalıdır. 

e (Navigasyon için ilk bakışta gözlenen ipuçları önemli olduğundan, kullanıcıların tüm temel fonksiyonlara 
ulaşabileceği görünür ipuçlarına yer verilmesi dikkatlice planlanmalıdır. 

se (Navigasyon öğeleri ISO 14915-2 standardında belirlenen içerik tabanlı (sayfalarda yer alan içeriğe göre), görev 
tabanlı (yapılan işlemin amacına ve karmaşıklığına göre) ya da frekans tabanlı (sayfanın ziyaret edilme sıklığına 
göre) gibi navigasyon yapıları dikkate alınarak oluşturulmalıdır. Hedef odaklı navigasyonlarda kullanıcıları 
yönlendirici bağlantılar kullanılmalı ve navigasyon yapısı hata yapıldığı durumda geri dönüşü kolaylaştıracak 
şekilde tasarlanmalıdır. 

e (o Sayfalarda bağlantı karmaşası oluşturmayacak şekilde ilgili içeriklere çapraz bağlantılar sağlanabilir. 


Örnek a 
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Örnek sitede, navigasyon öğeleri amaçlarına ve bağlantılı oldukları işlemlere göre gruplandırılmıştır. 
Referanslar 


e |S09241-151/8.2.3 - Supporting different navigation behaviours 

e |S09241-151/8.3.2 - Choosing suitable navigation structures 

e o|S09241-151/8.3.7 - Combining different ways of organizing navigation 

e o1S09241-151/8.4.9 - Providing cross linking to potentially relevant content 


Faydalı Kaynaklar 
e o https://www.usability.gov/get-involved/blog/2006/04/left-navigation-is-best.html 
e o https://www.nngroup.com/articles/ia-guestions-navigation-menus/ 
e  https://www.smashingmagazine.com/2011/06/planning-and-implementing-website-navigation/ 
»e o https://www.interaction-design.org/literature/article/implement-global-navigation-to-improve-website-usability 


ateli 


10.10. Navigasyon Yapılarında Hiyerarşik Derinlik ve Genişlik 


İlke 
İnternet sitesindeki navigasyon yapısının karmaşıklığına göre derin ya da geniş gezinme yapıları tercih edilmelidir. 


Açıklama 
Her seviyede az sayıda bağlantının bulunduğu ve çok sayıda seviyeden oluşan gezinme yapıları derin; aynı seviyede fazla 
sayıda bağlantının olduğu ve az sayıda seviyeden oluşan gezinme yapıları geniş olarak isimlendirilmektedir. 


Yönergeler 

e o Sık kullanılan ve işlem içeren internet siteleri derin yapılar barındırabilirken kullanıcının düzenli ziyaret etme 
ihtiyacı olmayan, bilgi ihtiva eden internet sitelerinde geniş navigasyon yapısına yer verilmelidir. 

e (Karmaşık ve fazla sayıda bağlantı içeren internet sitelerinde, geniş navigasyon yapılarına yer verilmelidir. 

e (Derin navigasyon yapılarının kullanıldığı internet sitelerinde, her seviyedeki bağlantı sayısı kullanıcı algısını 
zorlamayacak miktarda olmalı, tercihen 3 seviye hiyerarşi ve her seviyede 7 bağlantı sınırı aşılmamalıdır. Daha 
çok sayıda bağlantı gerektiği takdirde bağlantılar gruplanmalıdır. 

e Derin navigasyon yapılarında bağlantıların mantıksal gruplanmasına ve anlamlı isimlendirilmesine dikkat 


edilmelidir. 


Örnek 


 — Mİ 
vE 


Lİ 


| gül 


Örnek resimde geniş (üstte) ve derin (altta) navigasyon yapıları gösterilmektedir. 


Referanslar 
e |S09241-151/8.3.3 - Breadth versus depth of the navigation structure 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/flat-vs-deep-hierarchy/ 
e o hitp:Y/usabilityyale.edu/information-architecture/site-hierarchy-and-navigation 


 inleleğii 
10.11. Neredeyim Bilgisi 


İlke 
Kullanıcılara internet sitesi içerisinde nerede bulundukları bilgisi gösterilmelidir. 


Açıklama 

Ünlü masal Hansel ve Gratel'den alınan “Ekmek kırıntısı” (breadcrumbs) kavramı, kullanıcılara bulundukları yerden geri 
dönmeleri ya da hiyerarşi içinde hareket etmeleri için bir ipucu oluşturmaktadır. Üzerindeki her bir başlığın -kullanıcının 
bulunduğu sayfa hariç- tıklanabilir olması, kullanıcıların site içerisindeki navigasyonlarını olumlu yönde etkileyecektir. 
Kullanıcıların hangi sayfada olduğunu bilmesi sonraki ziyaretinde o sayfayı tekrar bulmasını kolaylaştıracaktır. 


Yönergeler 
e (OEkmekkırıntısı yapısı içindeki hiyerarşik yolun en sonundaki bölüm kullanıcıların bulunduğu sayfayı göstermelidir. 
e (Hiyerarşik yolun en sonundaki bölümün tıklanabilir olmaması gerekmektedir. 
e Kullanıcılar istediği anda bu yapı içerisindeki bağlantıları tıklayarak daha üst seviyedeki sayfaları 
görüntüleyebilmelidir. 
e (o Ekmekkırıntılarının temel navigasyon bileşenlerinden görsel olarak ayırt edilmesi gereklidir. 


Örnek 


ge 


Ana Sayfa > gelojlar ın eirümar 3 İhtiyaç Tanımlama ve Çlzüm Planlama 


ihtiyaç Tanımlama ve Çözüm Planlama 


Aa 


TUSİTEN BİLGEM vazıkm Tebavolojileri Arağürma EMSUtüsU, bilgi toplumunun bir parçası 

oarak kama kurum ve kuruluşlarının kuruma ve ulusa seviyede biçi ve İletişim 

taknaojtarinden er üzt düzeyde yararlanmaları ve hizmet kaktasi yüksek, daha verimi Yazılım Gs - ” 
kili ve şettat bir yapı ile Tasiyat göstenmesri amacyiz İltiyaç Tanılama ve Çözüm > 
Planlama alarmda dijitel dönüşüm Müyaçanm çok disiplini kurumsal mimati 
peripeletiiie tanımama ve İnovatif yaklaşımlariz çözümleri odanlama kapcamlı hizmetler 
surenaktadır 


» #irum ve kurduşların ibüyaçları doğrultusurda gerçekdeştirilebilir ve sürdürülebilir 

€-Dönlişilin vizyonu ve uyumlu hedefleri beher, Kurumların ve kuruluğa, çok 

yömlü ve çok disiplinin yaklaşım 7s Mevcul Durum Analizini yeryekleğiire Boliteka İsi e Değerendirm ” 
* Mevcut durum analizi İle elde edilen tespitler işığında kunum ve kıruluşlann İhtiyaçları 

oeirenersi: İhtiyac Analizini gercekiaştirir. hedef ve stratolilerini Hedef Durum 

belirleme karsan olusturur 


Örnek sitede, kullanıcılara bulundukları sayfa bilgisi verilerek, site içinde hangi konumda bulunduklarını anlamaları kolaylaştırılmıştır. 


Referanslar 
e |S09241-151/8.2.2 - Showing users where they are 
e |S09241-151/8.4.12 - Going back to higher levels 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/breadcrumb-navigation-useful/ 
e o https://www.usability.gov/get-involved/blog/2006/11/breadcrumb-navigation.html 
e o http/(/blog.usabilla.com/breadcrumb-navigation-good-website-usability-not/ 
e o https:(/uxplanet.org/breadcrumbs-for-web-sites-what-when-and-how-9273dacf1960 


KAR 
10.12. Sadece Bağlantı İçeren Sayfalar 


İlke 
Sadece bağlantı içeriği olan sayfalarda, bağlantı tasarımı kullanıcılar açısından anlaşılır ve birbirinden ayırt edilebilir 
olmalıdır. 


Açıklama 

Metin içerisinde yer alan bağlantılar, metnin bağlantı olmayan bölümünden genelde ayırt edilebilir niteliktedir. Ancak 
sadece bağlantılardan oluşan bir sayfa içeriği söz konusu olduğunda, bağlantıların tasarımı çok büyük önem arz 
etmektedir. 


Yönergeler 

e (Sayfa içerisindeki bağlantılar, kullanıcı algısına uygun olacak şekilde, ilk bakışta bağlantı olduğu belli olan bir 
tasarıma sahip olmalıdır. 

e (Kullanıcılar fare imlecini bağlantı üzerine getirdiğinde, bağlantının değişen stilinden tıklanabilir olduğunu 
anlayabilmelidir. 

e o Ziyaret edilmiş bağlantılar, diğer bağlantılara göre daha yıpranmış veya soluk bir renk tonuna sahip olmalıdır. 
Görsel kaygılarla bu prensipten vazgeçilmemelidir. 

e (o Farklı cihazların kullanılabileceği düşünülerek, bağlantıların tıklanabilmesi için yeterli alan sağlanmalıdır. 
Gerektiğinde beyaz alan (whitespace) bağlantı tasarımına dâhil edilebilir. 

e (o Yanlış sayfaya yönlendiren veya hatalı yazılmış bağlantıların olmamasına dikkat edilmelidir. 

e (oHazırolmayanveyaçalışmayan bağlantıların siteden kaldırılması uygun olmuyorsa ilgili bağlantıya tıklanmaksızın 
çalışmadıkları anlaşılır olmalı ve tıklanabilir görünümde tasarlanmamalıdır. 

e (Merak uyandıracak şekilde abartılı tasarlanmış bağlantılar, kullanıcılarda reklam algısı uyandırabileceği için bu 
tür bağlantılardan kaçınılmalıdır. 


Örnek 2017 


Ocak Ayı Raporları v 


Mizan (Ana Hesap Bazında) 

Mizan (Ayrıntılı) 

1.1 Bütçe Uygulama Sonuçları Tablosu 

1.2 Gelirlerin Ekonomik Sınıflandırılması Tablosu 

1.3 Giderlerin Kurumsal Sınıflandırılması Tablosu 

1.4 Giderlerin Ekonomik Sınıflandırılması Tablosu 

1.5 Bütçe Gelirlerinin Ekonomik Sınıflandırılması Tablosu 
1.6 Bütçe Giderlerinin Kurumsal Sınıflandırılması Tablosu 
1.7 Bütçe Giderlerinin Fonksiyonel Sınıflandırılması Tablosu 
1.8 Bütçe Giderlerinin Finansal Sınıflandırılması Tablosu 
1.9 Bütçe Giderlerinin Ekonomik Sınıflandırılması Tablosu 


1.10 Bütçe Giderleri ve Ödenekler Tablosu 


Örnek sitede, bağlantılar anlaşılır ve ayırt edilebilir şekilde tasarlanmıştır. 


Referanslar 
e o|1S09241-151/8.4.16 - Avoiding “deadlinks” 
e o1S09241-151/8.4.17 - Avoiding incorrect links 
e 1S09241-151/9.4.3 - Distinguishing adjacent links from each other 
e |1S0 9241-151/9.4.8 - Highlighting previously visited links 
e o1S09241-151/9.4.15 - Avoidinglink overload 


Faydalı Kaynaklar 
e o http:(Yusabilitygeek.com/hyperlink-usability-guidelines-usable-links/ 


e o https://www.nngroup.comy/articles/top-10-enduring/ 


AAA 


10.13. Site Haritası 


İlke 
Karmaşık yapıdaki internet sitelerinde, site haritasına yer verilmelidir. 


Açıklama 

Kamu internet sayfaları geniş bir kullanıcı kitlesine hitap ettiği için zengin içeriğe ve çok katmanlı navigasyon yapısına 
sahip olabilmektedir. Site haritaları kullanıcılar tarafından çok sık kullanılmamakla birlikte, genelde internet sitesinde 
aradıkları sayfaya veya içeriğe ulaşamayan kullanıcılar tarafından tercih edilmektedir. En önemlisi; kullanıcılar site 
içerisinde kaybolmuş ve siteyi terk etmek üzere iken, kullanıcının en zor zamanında yardımcı olabilmektedir. 


Yönergeler 

e (o Zenginiçeriğeveçok katmanlı navigasyon yapısına sahip olan internet sitelerinde, yapının rahatlıkla anlaşılabilmesi 
için site haritaları kullanılmalıdır. 

e o Site haritasına ait bağlantı kullanıcıların kolaylıkla bulabilecekleri bir yerde konumlandırılmalı ve “Site Haritası” 
olarak isimlendirilmelidir. 

e o Site haritaları kullanıcıların algısını zorlamamalı; mümkün olduğunca kısa tutulmalıdır. 

»e Bir bakışta anlaşılabilecek seviyede basit olmalı veya kademeli gösterim (akordiyon) ile dolaşım kolaylığı 
sağlanmalıdır. 

e o Site haritalarında dinamik yapı kullanmaktan kaçınılmalı; basit ve statik bir yapı kullanılmalıdır. Karmaşık ve 
yenilikçi teknolojilerin kullanımı erişimi kolaylaştırmak amacıyla tercih edilebilse de, sayfanın erişilebilirliğini 
azaltabilecektir. 

e (oOUzun ve aşağıya kaydırma ihtiyacı oluşturan sayfalardan kaçınılmalı; mümkünse birden fazla sütunlu yapı 
kullanılmalıdır veya gerektiğinde hiyerarşik olmak üzere gruplama yapılmalıdır. 


Örnek 
OeDevlet Kapisi Se Haritası 
.. » La. eyi. Gerek median 
Ul . 5 "etim; .— Li 
Maru Karımla 
gr i 
O086:ğ6V0 
AN pr # EN * N © 
Bs: VE 
Ss 7» . # Sw & 
Örnek sitede, site haritası internet sitesindeki içeriklerle bağlantılı olacak şekilde hazırlanmıştır. 
Referanslar 


e |S09241-151/8.4.8 - Providinga site map 
Faydalı Kaynaklar 


e o https://www.nngroup.comy/articles/site-map-usability-1st-study/ 
e o https://www.nngroup.comy/articles/site-map-usability/ 


AAA 


10.14. Uzun Sayfalarda Navigasyon 


İlke 
Uzun sayfalarda yer alan navigasyon öğeleri kullanıcılar tarafından kolaylıkla görüntülenebilecek şekilde 
konumlandırılmalıdır. 


Açıklama 

Uzun sayfalardaki en büyük risklerden birisi kullanıcıların sayfada kaybolmasıdır. Nerede olduğunu anlayamama 
durumu kullanıcıları rahatsız edecek ve genel kullanım deneyimini olumsuz yönde etkileyecektir. Bu tür sayfalarda, 
kullanıcıların sayfa içinde bulunduğu konumu bilme ve diğer navigasyon seçeneklerini görmeye ihtiyaçlarının olduğu 
unutulmamalıdır. 


Yönergeler 

e oÇok fazla içeriğe sahip sayfalar mümkünse birden fazla sayfaya ayrılmalıdır. 

e (o Sayfa içeriği bölünemeyecek bir yapıya sahip ise, sayfa kendi içerisinde başlık verilmiş bölümlere ayrılmalı ve 
sayfa üst kısmında bu başlıklara bağlantılar verilmelidir. 

e (Uzun sayfalarda navigasyon öğeleri kullanıcıların her zaman görebilecekleri şekilde konumlandırılmalıdır. 

e (o Navigasyon öğeleri, ekran dışında kaldığı durumlarda kullanıcılar tarafından kolayca görüntülenebilmelidir. 

e (Kaydırma çubuğu kullanılan uzun sayfalarda, sayfanın hem üst hem de alt kısımlarında navigasyon öğelerine yer 
verilebilir. 

e (oOUzun sayfalarda kullanılan navigasyon öğeleri sayfanın sonlandığı yanılgısına sebebiyet vermeyecek biçimde 
konumlandırılmalıdır. 


Örnek 
Orman ve Su işleri Bskanlığı * Hizmet Standarlarımız 4 p) 

Kamu kurum ve kuruluşları, 3107 2009 tarih ve 27035 sayılı Resmi Gazetede yayımlanarak yürürlüğe giren “Kamu Hizmet (* Bakanlık 
Sunumunda Uyulacak Usul ve Esaslara İlişkin Yenetmelk” gereğince Kamu Hizmet Standartlar Tablosu'nun oluşturulması is 
yakumlu kılınmışlardır 3 Teştilatimız 
Kamu Hizmet Standartları tablosu, kamu kurum ve kuruluşlardan gerçek veheya tüzel kişilere (vatandaş, şirketler, swil toplam $ Hizmet Standartlarımız 
kuruluşları vb ), başvıruları üzerine sunulan bütün hizmetlerde istenen belgeler ile hizmetir sunumu içm ortalama tamamlarıma N ay B 
sürelatım içeren, bu hizmstlenn sunumunda oluşabiscek harhanyi bir sorun karşısında yatçak vasya tüzal heşilerin başmınacağı 
yatkılilerin iletişim bilgisine bulunduğu tablodur » Mest 
Karmı Hizmet Standartlan tablosunda belirtilenlerin dışımda belge istenmesi, eksiksiz belge ile başvu yapmasına rağmen > Resmi istatistikler 
hizmetin belirten surede tamamlanmaması veya tabloda bazı hizmetler bulunmadığını tespit stmaniz durumunda oncelikle # 
muracaat makamına sonrasında ikinci müracaat makama başvurunuz $ Coğrsfi Bilgi Sistsmi 
> Merkez Birimler 
> Bağlı Kuruluşlar 

> Devlet Su İşleri Genel Müdürlüğe 

> Orman Genel Mürlürfüğü 

# Metsoraloji işleri Gansi Mücürüğü 

# Türkye Su Enstitüsü 
> Taşra Birimleri 

Örnek sitede, uzun içeriği olan bir sayfada bağlantılar ile içeriğin farklı bölümlerine ulaşım sağlanmıştır. 
Referanslar 


e 1S09241-151/8.4.3 - Maintaining visibility of navigation links 
e o|1S09241-151/8.4.14 - Subdividing long pages 


Faydalı Kaynaklar 
e o https://www.smashingmagazine.com/2012/09/sticky-menus-are-guicker-to-navigate/ 


e o hitps://uxplanet.org/best-practices-for-long-scrolling-254ffbd7aa12 


 ntntefii 


10.15. Zaman Aşımı 


İlke 
İnternet sitelerinde, oturumu zaman aşımına uğrayan kullanıcılara, oturumunun sonlandırılacağı bilgisi önceden 
verilmelidir. 


Açıklama 
Kullanıcı adı ve şifre ile giriş yapılan internet sitelerinde, belirli bir süre işlem yapılmadığında güvenlik nedeniyle 
kullanıcı oturumları sonlandırılabilmektedir. 


Yönergeler 
e — Oturum sonlandırma işlemi, detaylı bir analiz yapıldıktan sonra süre ve kapsam belirlenerek uygulanmalıdır. 
e (o Gereksiz sıklıkta ve uygun olmayan adımda oturum sonlandırma uyarısı verilmemelidir. 
e — Kullanıcı oturumlarının otomatik sonlandırılma süresi hakkında kullanıcılara bilgi verilmelidir. 
e — Kullanıcılara oturum süresini uzatma imkânı tanınmalıdır. 
» o Özel durumlarda zaman aşımı süresi canlı olarak geri sayım şeklinde kullanıcılara gösterilebilir. 


Örnek 


$3 O A hiipikamugevir 


| Olurum Senlendrma. 


Güvenliğiniz için, uzun süredir işlem yapılmaması sebebiyle 
Sistem 120 en sonra kapatılacaktır 


Sistemi kullanmaya devam etmek ister misiniz? 


Evet | | Gk Yap| 


Örnek sitede, kullanıcıya oturumunun otomatik olarak kapatılacağı bilgisi verilmektedir. Kullanıcı istediği takdirde oturum kapatma işlemini 
iptal edebilmekte, Sistem'i kullanmaya devam edebilmektedir. 


Referanslar 
e |S0 9241 9.3.5 - Visualizing temporal status 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/powers-of-10-time-scales-in-ux/ 
e o https://www.nngroup.comy/articles/security-and-human-factors/ 


11. BAŞLIKLAR 


Kullanıcıların çoğunun internet sitelerinde yer alan bilgilerin tamamını okumak yerine göz gezdirmeyi tercih ettiği 
bilinmektedir. Dolayısıyla, uygun olarak tasarlanmış ve doğru yerleştirilmiş sayfa içi başlıklar, kullanıcıların sayfa 
içeriğini hem kolay okuyabilmesini sağlar hem de hızlı gözden geçirebilmesine yardımcı olur. Tasarımcıların gerekli 
sayıda, tanımlayıcı ve kendine özgü başlıklar kullanması, kullanıcıların aradığı bilgiye doğru ve kolay bir şekilde 
erişebilmesi için önemlidir. 


Bu bölümde; 
se o Güncel ve Önemli Bilgi Gösterimi 
se o İnternet Sitesi Başlığı 
»e (Kategori Başlıkları 
e o Sayfaiçi Başlıklar 
ilkeleri ele alınacaktır. 
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 atetefii 


11.1. Güncel ve Önemli Bilgi Gösterimi 


İlke 
Zamana bağlı içeriklerin güncel olduğundan emin olunmalı, yeni eklenen içeriklerin kullanıcıların dikkatini çekecek 


şekilde yerleştirilmesine dikkat edilmelidir. 


Açıklama 
Zamanla eskiyen, güncelliğini yitiren içeriklerin düzenli olarak güncellenmesi, kullanıcılara yanlış bilgi sunulmaması 
açısından önemlidir. Güncel olmayan bilgilerden doğacak sorunlar, kurum imajını olumsuz etkileyecektir. Belirgin 


olmayan, kullanıcıların dikkatini çekmeyecek bir alana yerleştirilen güncel veya yeni bilgiler ise gözden kaçabilecektir. 


Yönergeler 
e (o Kullanıcıların yeni eklenen içerikleri algılamasını kolaylaştırmak amacıyla yeni içerikler diğerlerinden daha 
belirgin bir şekilde yerleştirilmeli ve tasarlanmalıdır. 
e o Sayfada gereğinden fazla sayıda “yeni”, “güncel” ve “önemli” içeriğin belirgin hale getirilmesi, kullanıcıların 
dikkatini çekmek için etkili olmayacağından, bundan kaçınılmalıdır. 
e (o Güncelleme yapılması, operasyon ve insan kaynağı bakımından sıkıntı olabilecek kurumlarda güncel bilgilerin 


sunulduğu bir kurgudan kaçınılmalıdır. 


Örnek 


DUYURULAR PERSONEL HABERLERİ 


? Görüntüleme, Bilgisayarlı Tomografi, Ultrasonografi, Dijital Radyografi ve Hasta Başı Monitörü Cihazlarının Tedariği Hakkında Duyuru 


? AB Projesi kapsamında Aşı ve Aşı Taşıma araçları ihalesini kazananlar duyurusu yayınlanmıştır. / Supply of Vaccines and Vaccine Transport Vehicles 
Award Notice are published in the scope of EU Project. 


» AB Projesi kapsamında Aşı ve Aşı Taşıma araçları ihalesi İptal duyurusu yayınlanmıştır. / Supply of Vaccines and Vaccine Transport Vehicles 
Cancellation Notice are published in the scope of EU Project. 


» İstanbul Başkent Üniversitesi Diyaliz Resertifiksyon Duyurusu 


» İstanbul Başkent Üniversitesi Diyaliz Eğitim Duyurusu 
DAHA FAZLASI ” 
Örnek sitede, yeni eklenen duyurular dikkat çekmesi için “Yeni” ifadesi kullanılarak belirgin hale getirilmiştir. 
Referanslar 


e |S09241-151/ 7.2.4 - Keeping content up to date 
e |S09241-151/9.3.4 - Recognising new content 


Faydalı Kaynaklar 


İİ ntelefii 


11.2. İnternet Sitesi Başlığı 


İlke 
İnternet sitesi oluşturulurken, her sayfa için tanımlayıcı, kısa ve anlamlı başlıklar tercih edilmelidir. 


Açıklama 

Sayfa başlıkları, internet sitesi görüntülendiğinde tarayıcının en üst kısmında yer alan metni ifade etmektedir. İnternet 
sayfalarında tanımlayıcı, kısa başlıkların kullanılması hem kullanıcıların site içinde dolaşımını kolaylaştırmakta hem de 
arama motorları tarafından kullanıldığı için sayfanın, arama sonuçlarında daha üst sıralarda çıkmasına ve kullanıcılar 


için tıklanabilir bir sonuç olmasına yardımcı olmaktadır. 


Yönergeler 

e o Site içindeki tüm sayfalarda aynı başlıkların kullanılmasından kaçınılmalı, her sayfaya özel ve sayfa içeriğini 
tanımlayıcı bir başlık seçilmelidir. 

e Başlık, sayfa içeriği ile uyumlu olmalı; aynı site içindeki farklı sayfaların başlıkları tutarlı olacak şekilde 
isimlendirilmelidir. 

e» o İnternet sayfası yer imi olarak kaydedilirken sayfa başlığı kullanıldığı için sayfalara başlık verirken çok uzun 
isimlerden kaçınılmalı, kısa ve anlaşılır ifadeler seçilmelidir. 

e Arama motorları açısından önemli olan anahtar kelimelere / ifadelere, sayfa başlığında da yer verilmelidir. 
Anahtar ifadeler mümkünse başlığın en ön kısmında kullanılmalıdır. 

e Kurum adı başlığın önüne alınmamalıdır. Pencere araç çubuğuna küçültüldüğünde ya da sekme olarak 
görüntülendiğinde bu başlığın ilk kısımları görüntüleneceği için ayırt edici nitelikte metin kullanılması uygundur. 

e (o Sayfa başlığında özel karakterler ve bağlaçlar kullanılmamalıdır. 


Örnek 


AP İĞ m mn 


*€ CA 5 wee devlemartanesızoyr Hirailarinsirr gepi 


Örnek sitede, sayfaların tamamında aynı site başlığı kullanıldığı için tarayıcıda açık olan sayfaların farklı içeriğe sahip olup olmadığı 
kullanıcılar tarafından anlaşılamamaktadır. 


Referanslar 
e o|S09241-151/9.3.1 - General page information 
e |S09241-151/9.4.16 - Page titles as bookmarks 


Faydalı Kaynaklar 


BAŞLIKLAR 


AA 


11.3. Kategori Başlıkları 


İlke 
Kategori başlıkları, kategori içerisindeki bilgileri ve öğeleri açık ve anlaşılır bir şekilde yansıtmalıdır. 


Açıklama 

Kategori başlıklarında kullanılan ifadelerin internet sitesinin hedef kitle kullanıcılarının kolaylıkla anlayabileceği 
açıklıkta olmadığı durumlarda, kullanıcılar anlamak için ek çaba sarf etmek zorunda kalmaktadır. Çok genel veya 
anlaşılması güç ifadeler, kullanıcıların dikkatlerini toplayarak okumalarını gerektirdiği için olumsuz algılanacaktır. 


Yönergeler 
»e (Kategori başlıkları sitenin hedef kitlesinin anlayabileceği açıklıkta olmalıdır. 


»e (Kategori başlıkları, kategorinin içeriğine uygun isimlendirilmelidir. 


Örnek 
Usal Ulştara Portal Modi üksda GeDdeEvel Mapa 
UY Tüm gtaştırma bileme artk bek edeletkapsra her yerden erişin, 
4  oktadan ergebirmi & Apple 405 | Arel | Wündeme Phoru 
Alain Bakery (e Soap Güvenik Şuna Mater ji Özel Müz$rksrz sağa 
Mahkeme Da Ocuyan $ aa Aymet Dükü 3 Cürür Kava Tahin 
i 
İ 5 
ç (A Me kaz Banks 5 Beğ Taran Başlandı G Tapu vü adasi Gur Müdür G7 Sera Güvenik Kunemu 
z di önlük Temz Kirleri N vrg iruSsrglama e GTami Bişleri Sorgulama «534 Emri Ayk Biye 
4 MR Eğim Bakanlığı Emniyet Gene Muduruğu (e Soya Güvenik Kurumu 
vİy MÜ Eğim Bekariığı Öğre ASrücü Bakğeri Teze Pus #534 Emekli Ödeme Biçier 


Örnek sitede, sık kullanılan işlemler kullanıcıların anlamada zorluk çekmeyecekleri şekilde kategorilere ayrılarak başlıklandırılmıştır. 


Referanslar 


Faydalı Kaynaklar 


11 


İnlete 


.4. Sayfa İçi Başlıklar 


İlke 


Sayfa içinde verilen başlıkların açık, kendine özgü ve tanımlayıcı olmasına dikkat edilmelidir. 


Açıklama 


Başlıkların içeriklerden çok daha fazla defa okunduğu bilinmelidir. Sayfalarımızın içerisine çok değerli ve kullanıcılar 


açısından çok faydalı bilgiler koymuş olabiliriz. Ancak kullanıcıların tıklamadığı ve dolayısıyla göremediği bir sayfa boşuna 


sarf edilmiş emek olarak değerlendirilebilir. Kullanıcıların dikkatini çekmeyen başlıklar sayfaların okunmamasına, 


gözden kaçmasına neden olacaktır. 


Yönergeler 


Sayfa içi başlıklar, kullanıcıları sayfa yapısı ve organizasyonu hakkında bilgilendirecek ve onları doğru 
yönlendirecek ipuçları içermelidir. 


düşiü 


e» o Sayfa içi başlıklar bütün sayfalarda tutarlı (Örn. Renk, yazı tipi, yerleşim vb.) olacak şekilde tasarlanmalıdır. 

e o Sayfaiçi başlıkların ifadeleri, içerikleri ile ilgili güçlü bir ipucu vermelidir. 

e (Kullanıcılar için faydalı olduğu mesajını veren başlıklar seçilmelidir. 

e (o Kullanıcılar açısından soru soran başlıklardan daha çekici bir başlık türü olmadığı bilinmelidir. 

e — Açıklayıcı ve anlaşılır başlıklar içeren internet sayfaları, kullanıcıların kendisi için gerekli olmayan bilgileri 
okuyarak zaman kaybetmesini de engellediğinden dolayı başlıklar sayfa içeriğini sınıflandırmalı, kullanıcıların 
aradığı içeriğe ulaşmasını kolaylaştırmalıdır. 

e (Başlığın altında gerekli görüldüğü takdirde bu bölümde neler yapıldığını anlatan kısa cümle eklenmelidir. 

Örnek 
Projeler 
O Pardus 
Üç hulunabcağ üye perma Tr dm 


verm 


yaygın ve ien İlreyde kuitamımını şağiamairtr 


p devamı 


EKUAL, 
ii) 
( EKYAL Frajles, TÜBİTAK ULARSIM Cahit Art Bilgi Meram, Uly 
kapsam sunmakta olduğu bigu'balga omerlerinm yarı 22 
e akademik bigiye erişimde fark çözümler yeetmeksedir 


b dean 


ULAKNET 

we di amir Ta 
li İN çar si bir 

ir Tu E 


Duhlurn fakilts ve 


surumlanındar duşa tipin 234 
batlâri kıjlandarak hizmet sağlanaatadı 


Örnek sitede, içerik başlıklandırılarak gruplara ayrılmış, kullanıcıların içeriği daha kolay ve hızlı bir şekilde okuyabilmesi sağlanmıştır. 


Referanslar 


ISO 9241-151 / 9.3.3 - Placing title information consistently 


Faydalı Kaynaklar 


© 
< 
— 
RP 
z 
< 
— 
Lo) 
zi 
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12. BAĞLANTILAR 


Bağlantılar, kullanıcıları başka bir sayfaya ya da dokümana yönlendiren görsel ya da metin öğeleridir. Kullanıcılar, 
aradıkları bilgiye ulaşmak amacıyla bağlantılara tıklayarak sayfa içinde veya sayfalar arasında gezinebilirler. 
Bağlantıların etkin ve etkili bir şekilde kullanımını sağlamak için, bağlantı isimleri ya da görselleri anlamlı, ilişkili 
olduğu içerik hakkında bilgi veren ve birbiriyle tutarlı olacak şekilde tasarlanmalıdır. İnternet sayfalarında görsel 
öğe içeren bağlantılar kullanmak yerine metin içeren bağlantılar kullanmak, daha açıklayıcı ve anlaşılabilir olması 
nedeniyle tavsiye edilmektedir. Bağlantı içeren metin öğelerine yer verirken, ilgili metnin bağlantı olduğunu gösteren 
görsel ipuçları kullanılmalıdır. 


Bu bölümde; 
e — Anlaşılır Bağlantı İsimleri 
» — Bağlantı gibi Görünen Yanıltıcı Öğeler 
e Bağlantı İsimlerinin İlişkili Olduğu İçeriğe Uygunluğu 
e (Bağlantı Metni Uzunluğu 
e (Bağlantı Tasarımı 
»e (Belirgin ve Tutarlı Bağlantılar 
»e Dış Bağlantılar 
»e (Ek Bilgiye Yönlendiren Bağlantılar 
e (Hatalı ve Çalışmayan Bağlantılar 
e — Kullanıcı Seçimine Yönelik Doğrulama 
se o Önemlive Sık Kullanılan Bağlantıların Tekrarı 
e o Tıklanabilir Resimler 
»e Ziyaret Edilen Bağlantılar 
ilkeleri ele alınacaktır. 


AA 


12.1. Anlaşılır Bağlantı İsimleri 


İlke 


Bağlantı metinlerinin, anlamlı ve kullanıcılar tarafından kolayca anlaşılır olması sağlanmalıdır. 


Açıklama 

Kolay anlaşılamayan bağlantı etiketlerinin kullanımı, kullanıcıların aradığı bilgiye ulaşamamasına ve kendisi için gerekli 
olmayan bilgileri inceleyerek zaman kaybetmesine neden olacaktır. Bağlantı metinlerinin anlaşılır olması, internet 
sitesinde navigasyonu kolaylaştıran en önemli unsurlardandır. 


Yönergeler 

e (Bağlantı metinleri seçilirken hedef kullanıcı kitlesi ve alışkanlıkları göz önünde bulundurulmalı, kullanıcıların 
karıştırabileceği ya da yanlış anlayabileceği ifadelerin kullanımından kaçınılmalıdır. 

e (Bağlantı metinleri, bağlantının sunduğu içerik ya da doküman hakkında kullanıcılara fikir verebilmelidir. 

e (“Burayı tıklayınız”, “Daha fazla bilgi” gibi kullanıcılara ek bilgi sağlamayan genel ifadelerin kullanımından 
kaçınılmalıdır. Kullanıcılar bağlantıları görünümünden tanıyabildiği için onlara bağlantıları tıklamalarını 
söylemek gereksizdir. 

e (o Tamamı büyük veya tamamı küçük harflerden oluşan bağlantı metinleri, okumayı ve kullanıcıların internet 
sitesini taramasını zorlaştıracağı için tercih edilmemelidir. 

e (Bağlantı metinleri anlaşılabilir olacak kadar uzun, bir sonraki satıra taşmayacak kadar kısa olmalıdır. 10 
kelimeden daha uzun olmaması tavsiye ediliyor. 


Örnek 


ANASAYFA 
Kaymakamlık 
Muhtarlarımız 
İletişim 
Haklarımız 
Bilgi Edinme 
Sanayi Bölgelerimiz 
E-hizmetler 
Duyurular 
Haberler 
İlçemiz 


Resmi İşlemler Kılavuzu 


İstatistiksel bilgiler 


Etik Komisyonu » 
Tük, Sor. Hakem Heyeti İşlemle 


Öneri ve Görüşler 


Örnek sitede, “Tük. Sor. Hakem Heyeti İşlemleri” isimli bağlantı etiketi anlaşılamamaktadır. Bunun yerine daha anlaşılır bir bağlantı ismi 
kullanılması tavsiye edilmektedir. 


Referanslar 
e 1S09241-151/8.4.5 - Placing navigation components consistentliy 
e |S09241-151/9.4.6 - Using familiar terminology for navigation links 
e |S09241-151/9.4.7 - Using descriptive link labels 


Faydalı Kaynaklar 
»e o https:/(/usabilitygeek.com/hyperlink-usability-guidelines-usable-links/ 
e o https:/(/Jusabilitygeek.com/15-usability-guidelines-for-designing-web-site-links/ 
e o hittps://studfiles.net/preview/5430969/page:40/ 


AAA 


12.2. Bağlantı gibi Görünen Yanıltıcı Öğeler 


İlke 
İnternet sitelerinde, bağlantı gibi görünen fakat tıklanamayan öğelerin kullanımından kaçınılmalıdır. 


o 
< 
— 
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© 
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Açıklama 
Kullanıcılar daha önceki tecrübelerine dayanarak internet sitelerinde tıklanabilir olan öğeleri tanıyabilmektedir. Kullanıcı 
alışkanlıklarına aykırı olarak bağlantı olmayıp tıklanabilir görünümde tasarlanan öğeler kullanıcıları yanıltabilmekte ve 


zaman kaybetmesine, site hakkında olumsuz izlenime sahip olmasına neden olmaktadır. 


Yönergeler 
e» o İnternet sayfalarında tıklanabilir olan öğeler açık bir şekilde belirtilmeli, bağlantı olmayan öğelere ise tıklanabilir 


görünümü verilmemelidir. 
e» o İnternet sitelerinde yer alan öğelerin görünümü konusunda kullanıcı alışkanlıkları ve genel standartlar dikkate 


alınmalıdır. 


Örnek 


KİŞİLER AÇISINDAN 


Dilekçe ile başvurulması, 
Adli sicil kaydının ne iş için talep edileceğinin ve nereye verileceğinin açıkça belirtilmesi, 


İ Müfus cüzdanı, sürücü belgesi, pasaport vb. gibi Kimliği tevsik ede bir belgenin görevlilere mutlaka ibraz edilmesi ve kürnlik): 
İbilgilerinde kısaltma bulunmaması, : 


| Başvurumun bizzat veys özel yetli içeren vekalet ibrazı koşuluyla vekil tarafından yapılabileceği yasa hükümleri gereği) 


olduğundan bir başkası için sahıka helgesi istenilemeyeceğinin hatırdan çıkarılmaması, 


i Başvurunun bizzat dilekçe ile yapılması gerekli olduğundan intemet ürerinden e-posta yoluyla veya bilgi edinme hakla kanunu) 
! gereğince yapılacak adli — sicil kaydı taleplerinin karşılanmasının mümkün bulunmadığı, 7 


: Velisi veya vasisi olmak şartıyla 18 yaşından küçükler adına anne ve babalarının kayıt talep edebileceklerinin unutulmaması, 
l Zorunlu olup bu şartları taşımayan taleplerin kardanması mümkün bulunmamaktadır. 

il Not - Genel müdürlüğümüzün Ankara'daki adresinden dilekçelerinin İngilizce, Fransa ve Alınanca dillerinde cevaplandırılması | 
distenebilir, X 


p dilekçesi için tik 


Örnek sitede, metnin farklı yerlerinde mavi ve altı çizili cümleler yer aldığı halde, sadece “Başvuru dilekçesi için tıklayınız” cümlesi bağlantı 
içermektedir. Bu durum her iki ifadenin de tıklanabilir olduğu izlenimini vermekte ve kullanıcıları yanıltmaktadır. 


Referanslar 
» |S09241-151/9.4.2 - ldentification of links 


Faydalı Kaynaklar 


MAK 


12.3. Bağlantı İsimlerinin İlişkili Olduğu İçeriğe Uygunluğu 


İlke 
Bağlantı metinleri, ilişkili olduğu içerik ve bu içeriğin başlıkları ile tutarlı olmalıdır. 


Açıklama 

Kullanıcıların internet sitesini navigasyonları (gezinimleri) esnasında nerede olduklarını bilmeleri, internet sitesinin 
verimli bir şekilde kullanılabilmesi açısından gayet önemlidir. Navigasyon öğelerinin ziyaret edilen içerik ile beraber 
aktif olarak görüntülenmesi, kullanıcıların site navigasyonunu kolaylaştırmakta ve site içerisinde bulunduğu konumu 


anlamasında yardımcı olmaktadır. 


Yönergeler 

e Sayfa içi başlıklar, kullanıcıları sayfa yapısı ve organizasyonu hakkında bilgilendirecek ve onları doğru 
yönlendirecek ipuçları içermelidir. 

e» o Sayfa içi başlıklar bütün sayfalarda tutarlı (Örn. Renk, yazı tipi, yerleşim vb.) olacak şekilde tasarlanmalıdır. 

e o Sayfaiçi başlıkların ifadeleri, içerikleri ile ilgili güçlü bir ipucu vermelidir. 

»e (Kullanıcılar için faydalı olduğu mesajını veren başlıklar seçilmelidir. 

»e (Kullanıcılar açısından soru soran başlıklardan daha çekici bir başlık türü olmadığı bilinmelidir. 

e — Açıklayıcı ve anlaşılır başlıklar içeren internet sayfaları, kullanıcıların kendisi için gerekli olmayan bilgileri 
okuyarak zaman kaybetmesini de engellediğinden dolayı başlıklar sayfa içeriğini sınıflandırmalı, kullanıcıların 
aradığı içeriğe ulaşmasını kolaylaştırmalıdır. 

e (Başlığın altında gerekli görüldüğü takdirde bu bölümde neler yapıldığını anlatan kısa cümle eklenmelidir. 


Örnek 


Bakanlığımız Mührü Sanal Turizm Duyurular Meyzuat İletişim 


& Bitir Şirmi 


Narsdaşim d 
a Türkay Küelir Dart 


Kültür 


 Tiiye Türire Dertzli 


Dd kürüriim 


© Güneri Tell Eserler 


(47 Eöeret Yygesmsi 


TÜMK KÜLTÜR TARİHİ 


vürk Kültürel 


Kültür, bir toplumu diğer toplumlardan farklı kdar, geçmişten beri değişerek devsm 


&den, kandine özgü, sanatı, inançları, ör! ve adetleri, anlayış ve davranışlar İle-onun  Ş ba, vöMye Yazmalen 


bimiiğini oluşuran y rs düşünüş taradır. Topluma bir kimlik kazandıran 
çe 
dayarışma ve birlik duygusu verdiği toplumda düzeni de sağlayarı madıli ve manevi 
değerlerin bütünüdür. & Gelenekızi £i tansilârı 
Jia, 
Türk kültürü de Türk milletinin ha'yat tarzını ifade eder. Tarihi süreç içerizinda farklı medeniyetleriş buluşan Türk 2 Yuri şü 


kültürü, İasanlık tarihinin er zengin bülrürlerinden biri haline gelmişti 


Türk kültür ve medeniyeti, Tüdderin devlet kurduğu coğrafyanın etkisi ile “Bozlar Kültürü” olarak 


adlandırimaktadır, 


Örnek sitede, ana menüde yer alan “Kültür” bağlantısına tıklandığında yine “Kültür” başlığına sahip bir sayfaya ulaşılması ile bağlantı ve 
içerik arasında tutarlılık sağlanmıştır. Ayrıca, ana menüde “Kültür” bağlantısının seçili olduğu görsel olarak belirgin hale getirilmiştir. 


Referanslar 
e |S09241-151/8.4.4 - Consistency between navigation components and content 


Faydalı Kaynaklar 


AAA 


12.4. Bağlantı Metni Uzunluğu 


İlke 
Bağlantı metinleri kullanılırken, kullanıcıların bağlantı hakkında fikir sahibi olabileceği ve çok uzun olmayan ifadeler 


tercih edilmelidir. 
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Açıklama 

Bağlantı metni çok uzun olan bağlantılar okuma hızını düşüreceğinden kullanıcıları yavaşlatabilir. Tek kelimeden oluşan 
bağlantılar kullanıcılar için yeterince açık ve anlamlı olmayabilir. Ayrıca, uzun metinler farklı ekran çözünürlüklerinde 
kayabilir ya da satır dışına taşabilir. Bağlantı metninin uygun ve hedef sayfayı en kısa ifade ile anlatabilecek kadar 


uzunlukta olması sayfanın kolayca taranmasını sağlayacaktır. 


Yönergeler 
e (Bağlantı metinleri anlaşılabilir olacak kadar uzun olmalı, kısa olması için tek kelime ile ifade edilmeye 
çalışılmamalıdır. 
»e (Bağlantı metinleri bir sonraki satıra taşmayacak kadar kısa olmalıdır. 10 kelimeden daha uzun olmaması tavsiye 
ediliyor. 
»e Bağlantı metinlerinin bir sonraki satıra taşmasına engel olunamıyorsa tek bir bağlantı olduğu görünümü 


oluşturulmalıdır. 


Örnek 
mezi a b. g * ., », â Be 
Metşşnlaji Gene Müdürlüğü Aaayfa Taheniıla her Çamardı Havar ili " Tiran Anar eKatghane 
i ara a 
Ankara 
— o 
Gule (inn 8 iois 24,4 9C 
e e 
o. Sm“ 
—... pe e 
bm 7 DAN > 
“ “ &. Z ini 
S 
> fi : 
Sai üzel Çarşamba Perşembe Cuma Üymertesi Or. Bekir FAKDEMİRLİ 
pa 20-84 ge 5 an Kİ a 2 
Parçalı BUM Mal Gİ Durlu OLU Ba ço Hub alarım Vağıfi a GE 
COŞKUN 
“ #/ . v 
; 3 - 7 & Dir Gi 
yakliğiie 2 ” Y 
Örnek sitede, üst menüde yer alan bağlantı isimleri açık, kısa ve anlaşılır olacak şekilde tasarlanmış, gereksiz ve uzun 
isimlendirmelerden kaçınılmıştır. 
Referanslar 


e 1S09241-151/9.4.13 -Linklength 


Faydalı Kaynaklar 


tele 


12.5. Bağlantı Tasarımı 


İlke 
Bağlantılar tutarlı, anlaşılır ve birbirinden ayırt edilebilir olacak şekilde tasarlanmalıdır. 


Açıklama 

Bağlantıların kullanıcılar tarafından ayırt edilebilmesi için altını çizme, rengini değiştirme ve vurgulama gibi farklı 
teknikler kullanılabilir. Art arda gelen bağlantılar, belirgin bir şekilde birbirinden ayırt edilemediği sürece kullanıcıların 
hata yapmasına neden olacaktır. 


Yönergeler 

e (Bağlantıların belirgin hale getirilebilmesi için altı çizili ve normal metinden farklı renkler kullanılabileceği gibi, 
benzer yerlerde konumlandırılarak da diğer öğelerden ayrılabilir. 

e oFareimleci bağlantı üzerine getirildiğinde, tıklanabilir olduğunun anlaşılabilmesi için fare el imlecine dönüşmeli 
ve bağlantının stili (Örn. Renk, vurgu, vb.) değişmelidir. 

e» Mavivealtı çizili olan metinler, bağlantı olarak algılanan kuwvetli ipuçları olduğu için kullanımı tercih edilebilir. 
Ancak yaşlı kullanıcıların en zor algıladıkları rengin mavi olduğu düşünülerek internet sitesinin hedef kitlesine 
göre bu karar verilmelidir. 

e oMerakuyandıracakşekildeabartılıtasarlanmış bağlantılar reklam algısı oluşturabileceği için bu tür bağlantılardan 
kaçınılmalıdır. 

e o Ziyaret edilmiş bağlantılar, diğer bağlantılara göre daha yıpranmış veya soluk bir renk tonuna sahip olmalıdır. 
Görsel kaygılarla bu prensipten vazgeçilmemelidir. 

e Farklı cihazların kullanılabileceği düşünülerek, bağlantıların tıklanabilmesi için yeterli alan sağlanmalıdır. 
Gerektiğinde beyaz alan (whitespace) bağlantı tasarımına dâhil edilebilir. 

e (o Tamamı büyük veya tamamı küçük harflerden oluşan bağlantı metinleri, okumayı ve kullanıcıların internet 
sitesini taramasını zorlaştıracağı için tercih edilmemelidir. 

e» o İnternet sitesinde çok sayıda bağlantı yer alıyorsa, bağlantıların birbirinden ayırt edilebilir olması gerekmektedir. 
Benzer biçimde tasarlanan bağlantıların farklı olduğunu vurgulamak için her bağlantının farklı satırda yer alması 
ya da bağlantılar arasında boş alanların kullanılması gibi yöntemler tercih edilebilir. 

» Farklı sayfalara erişim sağlayan bağlantıların farklı olduğu belirgin hale getirilmelidir. Örneğin, okuma 
metinlerinin olduğu sayfalara sağlanan bağlantılar için metin öğelerinin kullanımı, işlemler için isedüğme ya da 
ikonların kullanımı tercih edilebilir. 

e (Bağlantıların ayrı pencerede açılması kullanıcıyı yanıltabilmektedir. Bu nedenle özel bir neden bulunmuyorsa bu 
seçenek tercih edilmemelidir. 

e (o Farklıinternetsitelerine yönlendirecek olan bağlantıların, ya bu durumu gösterecek şekilde belirgin tasarlanması 
ya da bağlantı tıklandığında farklı bir sitenin açılacağına dair uyarması gerekmektedir. 

e PDF gibi dokümanlara verilen bağlantılar, ikon veya yanına yazılan dosya uzantısı ile açılacak doküman hakkında 
fikir vermeli ve ayrı pencerede açılmalıdır. Kullanıcılar bu dokümanları okuduktan sonra kapatma eğiliminde 
oldukları için aynı pencere içerisinde açılmamalıdır. 

e (o Bağlantıtıklandığında büyük bir dokümanın indirilmesi söz konusu ise bağlantı metninin yanına dosya boyutu da 
yazılmalıdır. 

e o Farklı dilde açılacak sayfalara verilen bağlantıların yanına bunu belirten ifade veya ikonlar koyulmalıdır. 


Örnek 


Bize Yazın... 


Bilgi Edinme 
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BİMER 

Bakanlıkta Kariyer Fırsatları 
Bilişim Altyapısı 

Diplomasi Akademisi 

SAM 

Turkey for UNSC 


e-Konsolosluk 


Go-Turkey.com 


TAY 


OrloğduMmEıp- 


Invest in Turkey 


Örnek sitede, bağlantıların görsel olarak birbirinden ayırt edilebilmesi sağlanmıştır. 


Referanslar 
e 1S09241-151/9.4.2 - dentification oflinks 
e |S09241-151/9.4.3 - Distinguishing adjacent links from each other 
e |S09241-151/9.4.4 - Distinguishing navigation links from transactions 
e |S09241-151/9.4.9 - Markinglinks to special targets 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/guidelines-for-visualizing-links/ 
e o https:(/usabilitygeek.com/15-usability-guidelines-for-designing-web-site-links/ 
e o https:/(/usabilitygeek.com/hyperlink-usability-guidelines-usable-links/ 


 nİalefii 


12.6. Belirgin ve Tutarlı Bağlantılar 


İlke 
Bir metnin tıklanabilir ve bağlantı olduğunu gösteren uygun ipuçları kullanıcılara tutarlı bir şekilde sunulmalıdır. 


Açıklama 

Bir bağlantının tıklanabilir olup olmadığının anlaşılabilmesi için kullanıcıların fare imlecini öğelerin üzerinde gezdirmesi, 
hem zaman kaybetmelerine hem de gezinme hızlarının düşmesine neden olacaktır. Kullanıcıların alışkanlıklarına ve 
daha önceki tecrübelerine uygun öğelerin kullanımı, konforlu bir gezinim deneyimi yaşatacak ve internet sitesi hakkında 


olumlu izlenim edinilmesine yardımcı olacaktır. 


Yönergeler 
e Bağlantılar için altı çizili metinler madde imleri, semboller ve resimler kullanılmalı fakat bunların birbiriyle 
tutarlı olmasına dikkat edilmelidir. 
e» o İnternet sitesi genelinde farklı konumlarda aynı içeriğe erişim sağlayan bağlantılar yer alıyorsa, bu bağlantıların 
tutarlı olacak şekilde biçimlendirilmesine dikkat edilmeli, farklı bağlantı etiketlerinin kullanımından 


kaçınılmalıdır. 


Örnek : 
“1003-Öncelikli Alanlar Ar-Ge Projeleri Destekleme Programı Usul ve Esasları”nın beşinci 
maddesi doğrultusunda Araştırma Destek Programları Başkanlığı (ARDEB) tarafından yapılan ön 
inceleme ve Çağrı Programı Danışma Kurulları (ÇPDK) tarafından yapılan değerlendirme 
sonucunda, değerlendirme süreci olumlu sonuçlanan ve ikinci aşama başvurusu yapmaya hak 
kazanan projelerin yöneticileri/yürütücüleri ve bağlı bulundukları kurumlar aşağıda liste olarak 
verilmiştir. 
ÇAĞRI KODU ÇAĞRI BAŞLIĞI 
Sudaki Mikrokirletici ve Mikrobiyal Kirleticilerin 
1003-SUA-ARIM-2017-2 O Giderilmesine Yönelik Yenilikçi, Uygulanabilir ve Ekonomik 
Arıtım Süreç ve Sistemlerinin Geliştirilmesi 
1003-SBB-EGTM-2017-2 Gerçek Yaşam Temelli Materyaller 
1003-SBB-EKBY-2017-2 Etkin ve Büyüme Odaklı Kamu Politikaları 
1003-SBB-AILE-2017-2 Çocuk Yetiştirme Tutumları 
1003-ENE-DEPO0-2017-2 Enerji Depolama Malzemeleri 
1003-ENE-EVKN-2017-2 Binalar ve Sanayi Proseslerine Yönelik Yalıtım Malzemeleri 
1003-ENE-EVSA-2017-2 Sanayi Süreçleri Enerji Hasatlaması-Termoelektrik Modüller 
Örnekte yer alan ekranda bağlantıların altı çizili olduğu için ilk bakışta ilgili metinlerin tıklanabilir olduğu anlaşılmaktadır. 
Referanslar 


e |1S09241-151/9.4.2 - Identification of links 
e 1S09241-151/9.4.14 - Redundantlinks 


Faydalı Kaynaklar 


e o https://www.nngroup.comy/articles/category-names-suck/ 
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12.7. Dış Bağlantılar 


ebe 


İlke 
Farklı sitelere yönlendirecek bağlantılar ayırt edilebilir şekilde gösterilmelidir. 


Açıklama 

İnternet sitelerinde yer alan bağlantılar, kullanıcıları farklı sitelere veya yeni pencerelerin açılmasına yönlendirebilir. Bu 
gibi durumlarda, ilgili bağlantıların görsel olarak belirgin hale getirilmesi ya da ipucu metinlerinin kullanılması faydalı 
olmaktadır. Örneğin, kişi ismine tıklandığında e-posta gönderme penceresi açılacaksa, bu bilgi kişi isminin yanına 
e-posta ikonuna yer vererek ya da fare imleci ile bağlantının üzerine gelindiğinde ipucu metni gösterilerek kullanıcı ile 
paylaşılabilir. 


Yönergeler 

e oDiğersitelereaitbağlantılaratıklandığında, hedef siteye yönlendirme yapılmadan önce farklı bir internet sitesinin 
açılacağına dair uyarı mesajı gösterilmelidir. 

»e (Bağlantı metni açıklayıcı bir ifade ile yazılmalıdır. 

e o Tercihen diğer internet sitelerine verilen bağlantıların altına hedef URL adresi dâhil edilebilir. 

e (Dış bağlantılar yeni pencere ile açılmamalıdır. Yeni pencere açılması birçok kullanıcının performansını olumsuz 
etkilemektedir. 

e Diğer sitelere yönlendirecek olan bağlantılar kullanıcıların anlayabileceği şekilde görsel olarak farklı 
tasarlanmalıdır. 

e» PDFveinternet tabanlı olmayan dokümanlar yeni pencerede açılmalıdır. 


KOMUTANLIKLAR 


v İ 
İLETİŞİM 
b © < 


Bağlantılar Bilgi o İletişim 
Edinme 


Hava Kuvvetleri Komutanlığı 


SOSYAL MEDYA 
pe''o o 


Örnek sitede, farklı internet sitelerine erişim sağlayan bağlantılar gruplandırılmış, fare imleci ile bağlantıların üzerine gelindiğinde 
görüntülenen metin ipuçlarına yer verilmiştir. 


Referanslar 
e |S09241-151/9.4.10 - Marking links opening new windows 
e |S09241-151/9.4.11 - Distinguishing navigation links from controls 
e o1S09241-151/9.4.12 - Distinguishable within-page links 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/top-10-mistakes-web-design/ 
e o https://studfiles.net/preview/5430969/page:39/ 


ae! 


12.8. Ek Bilgiye Yönlendiren Bağlantılar 


İlke 
İnternet sitelerinde, görüntülenen içerik ile ilgili olarak, kullanıcıları yardımcı bilgilere yönlendiren bağlantılara yer 


verilmelidir. 


Açıklama 
İnternet sitelerinde, kullanıcılar tarafından bilinmeyen, anlaşılamayan teknik terim ya da jargon içeren ifadeler yer 
alabilmektedir. Bu tür ifadeler sayfada açıklanmadığı sürece kullanıcılar içeriği anlamakta zorlanacaktır. 


Yönergeler 
e o İnternet sitelerinde kullanılan teknik terim ya da jargon içeren ifadelerin açıklamasını gösteren bağlantılara yer 


verilmelidir. 


Örnek 


Haklamızıdı 
Misyon Ve Vizyorurmuz 


Kısmi Ya 


Plas 


Sünleği 


Çalış de 
sali Raporlar 
Hizmet St 


Uluslararası W 


Örnek sitede, metin içinde yer verilen “Rekabet Kurumu Stratejik Planı” bağlantısı ile ilgili stratejik planın yer aldığı dokümana bağlantı 
verilmiş, ilgili doküman hakkında detaylı bilgi sahibi olmayan kullanıcılar için kolaylık sağlanmıştır. 


Referanslar 


Faydalı Kaynaklar 


12.9. Hatalı ve Çalışmayan Bağlantılar hee 8.81 


İlke 
Hatalı veya çalışmayan bağlantıların kullanımından kaçınılmalıdır. 
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Açıklama 

Kullanım deneyiminin genel kalitesi, kullanıcıların internet sitesini değerli veya güvenilir görmesinde büyük önem 
taşımaktadır. Hatalı ve kırık bağlantılar, internet sitelerinin kullanılabilirliğini olumsuz yönde etkileyen önemli 
unsurlardandır. Hatalı ve kırık bağlantılar kullanıcıları hayal kırıklığına uğratarak internet sitesini terk etmelerine 


neden olabilmektedir. 


Yönergeler 
e Bağlantılar ve ilişkili oldukları içerikler düzenli olarak kontrol edilmeli, gerekli durumlarda bağlantılar 
güncellenmeli ya da sayfadan kaldırılmalıdır. 
e Diğer internet sitelerinden farklı sayfalara verilen bağlantılar dikkate alınarak kullanılan URL mimarisi 
mümkünse hiç değiştirilmemelidir. 
e (URL mimarisinde değişiklik yapılması gereken durumlarda, hatalı ve kırık bağlantıların önüne geçmek için 
gerekli yönlendirmeler yapılmalıdır. 


Örnek 
Bakanlıklar 
Başhaksıık 
Adşimi Babanlığı 
Milli Sarsma Bakanığı 
İçişleri Bakanlığı 
Dişişleri Bakanlığı 
Matiye Batantığı 
Milli Eğim Bakanlığı 
Çeyiz ve Şehircilik Bakasiğı 
#ağla Hakamığı 
Uoğtrmea Dohizçiik ve Habarişme Baharla 
Gla Tarm ve Hayvancılık Bakanlığı 
Çalışma ve Sosyal Görmenilik Hakemliği Not Fosud 
Bilim Sanayi ve Teknoloji Bananlıdı MTTR Bee 84 Te veya mama ve İçe 
Ener va Tahil Kaynaklar Baharlığı 
Kayi ve Tertam Batanlığı 
dis ve Sosyal POlNKAM Bakanlığı 
Avrupa Birliği Bakarkı 
Ekünumi Bakanlığı 
Gönçük ve po Bakamağı 
Gümrük ve Ticaret Beyani e 
Kalkınma Bakarılığı 
Orman ve Su İşteri Bakanlığı 


Örnek sitede, tıklanan bağlantının geçersiz bir sayfaya yönlendirme yaptığı görülmektedir. 


Referanslar 
e 1S09241-151/8.4.16 - Avoiding “dead links” 
e |S09241-151/8.4.17 - Avoiding incorrect links 


Faydalı Kaynaklar 


e o https://www.nngroup.comy/articles/fighting-linkrot/ 
e  https://www.nngroup.comjarticles/link-promise/ 


12.10. Kullanıcı Seçimine Yönelik Doğrulama 


İlke YAN 


Kullanıcının yaptığı seçime göre içerik değişecekse, yeni içerik yüklenmeden önce gerekli hallerde bu durum kullanıcılara 
bildirilmelidir. 


Açıklama 

İnternet sitesi içeriğini görüntülemek ya da farklı bir işlem adımına geçmek için kullanıcıların seçim yapması ya da 
ayarlarını değiştirmesi gerekiyorsa, bu bilgi kullanıcılar ile açık ve anlaşılır olacak biçimde paylaşılmalıdır. Örneğin, 
kullanıcıların site içeriğini görüntülemeden önce dil seçimi yapması isteniyorsa, seçim listesi kullanıcıların anlayabileceği 
şekilde belirgin hale getirilmelidir. 


Yönergeler 
e» İnternet sitesinden ayrılmadan önce bilgilerin kaydedilmesinin gerekli olduğu durumlarda kullanıcılar 
bilgilendirilmelidir. 
»e (Mevcut ayarların değişmesi veya yapılan değişikliklerin silinmesi ile sonuçlanacak etkileşimlerde, kullanıcılar 
bilgilendirilmeli ve etkileşimi iptal etme şansına sahip olmalıdır. 
e — Açılır seçim kutusu (drop-down) içerisinde sunulan işlem / etkileşim menüleri, işlem seçildiği anda yapılmamalı, 
açılır seçim kutusu yanına yerleştirilen bir buton tıklanarak gerçekleştirilebilmelidir. 


Örnek 


https://www.turkiye.gov.tr web sitesindeki sayfanın mesajı: 


Salt metin görünümüne geçtiğinizde sayfa üzerindeki görsel öğeler 
gösterilmez. Salt metin sürümünden çıkmak için sayfanın altında ve 
üstünde bulunan "HTML Sürümü" bağlantısını kullanabilir veya tarayıcınızı 


kapatıp açabilirsiniz. 


Örnek sitede, salt metin görünümüne geçilmek istendiğinde, sayfa ayarlarının değişeceğine yönelik kullanıcılar bilgilendirilmektedir. 


Referanslar 
e |S09241-151/8.4.15 - Explicit activation 


Faydalı Kaynaklar 
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12.11. Önemli ve Sık Kullanılan Bağlantıların Tekrarı 


İlke 
Önemli olan ya da sık kullanılan içeriklere site içerisinde farklı konumlardan birden fazla bağlantıyla erişim sağlanabilir. 


Açıklama 

Aynı içeriğe farklı yollarla erişilebilmesi, kullanıcıların aradığı bilgiye daha kolay ulaşabilmesini sağlayacaktır. 
Farklı kullanıcılar, sayfa düzenine ve bireysel algılarına bağlı olarak erişmek istedikleri sayfa için farklı bağlantıları 
kullanabilirler. Örneğin, kullanıcıların bir bölümü ana sayfa içerisinden ilgili bağlantıya ulaşmaya çalışırken, diğer bir 


bölümü ise menüler üzerinden ilgili içeriğe erişmeyi tercih edebilir. 


Yönergeler 

e» oOÖnem derecesi yüksek ya da kullanıcıların sıklıkla ziyaret ettikleri içeriklere yönelik birden fazla bağlantı 
sağlanabilir. 

e (Aynı sayfaya verilen bağlantıların güncel olduğu ve aynı hedefe gittiği kontrol edilmeli, aynı gezinti davranışı 
sergilenmelidir. 

e Aynı bağlantının sayfada birden fazla defa kullanılması gerekiyorsa, bağlantıların birbirinden uzakta 
konumlandırılmasına dikkat edilmelidir. 

e oOÇok uzun sayfalarda, üst bölümde yer alan önemli bağlantıların alt bölümde de tekrar etmesi sağlanabilir. 

e (Bağlantılar ihtiyaç olmadığı durumlarda tekrar edilmemelidir. Bağlantıların gereksiz tekrarı, kullanıcıların 
dikkatini zorlama, vaktini boşa harcama ve hafızasına yük bindirme gibi olumsuz sonuçlara neden olur. 


Örnek 


> Bilgiişem Daresi Bsşkanoyı 


Ağ& ye Toplum Hizmetieti Sene! Müdürlüğü ) Destek HKümetsr Dairesi Başkarığı 
> Çocu Hizmetleri Sensi Müdürlügü > Eğinmve Yayın Daresi Başkanlığı 
Aile ve Toplum Çocuk Engelle * 
Hizmetleri Hizmetleri Hizme » Engelli e Yaya Hiematleri Gene Müdürlüğü > İç Dersim Saşlarlığı 

f 
> Kadının Siatüçü Genal Mücürüğü > Personel Dairesi Başkanlığı 

“ » Sosyal Yardımlar Gene Müdürlüğü > Şehit Yakınları vs Gezisi Gene Muduruğu 
> Srmeji Gatşışıms Başkanlığı » Basın ve Rai İliçküer Müşavrhigi 


Hik Müşsiyliteğ 


BASIN AÇIKLAMALARI » Rehberik ve Teftş Başkanlığı 


a > AByeDış ilişkiler sre Başkanlığı » Dönsı Sermaye Merkez Müdürüyü 


Örnek sitede, “Aile ve Toplum Hizmetleri Genel Müdürlüğü” bağlantısına hem ana menüden hem de sayfa ortasında yer alan menüden |“Aile 
ve Toplum Hizmetleri”) ulaşılması sağlanmıştır. 


Referanslar 
e |S09241-151/8.2.4 - Offering alternative access paths 


Faydalı Kaynaklar 


e o https://www.nngroup.comy/articles/duplicate-links/ 


İnlete 


12.12. Tıklanabilir Resimler 


İlke 
Bir resmin herhangi bir kısmı tıklanabiliyorsa, resmin tamamının tıklanabilir olduğundan veya tıklanabilir bölümlerin 
net ve anlaşılır bir şekilde görüntülendiğinden emin olunmalıdır. 


Açıklama 

İnternet sitelerinde yer alan bağlantılar, resim, ikon ve metin gibi farklı öğeler üzerinden sunulabilmektedir. Resimler 
üzerinden sunulan bağlantılar çoğu zaman kullanıcılar tarafından kolayca anlaşılamamaktadır. Resimlerin bir bağlantıya 
sahip ve tıklanabilir olduğunun kullanıcılar tarafından anlaşılabilmesi için bazı unsurlara dikkat etmek gerekmektedir. 


Yönergeler 
e (Resimlerin bağlantı içerdiğinin daha kolay anlaşılabilmesi için resim üzerine yazılan metin ile desteklenmesi 
sağlanmalıdır. 
e (Bağlantı içeren resimler tutarlı bir grubun parçasıysa, bağlantılar daha kolay anlaşılır ve kullanılırlar. 
e Birbiriileilişkilendirilentüm öğeler tıklanabilir hale getirilmelidir. Böylelikle kullanıcılara daha büyük bir tıklama 
alanı sunulmuş ve daha kolay tıklayabilmeleri sağlanmış olur. 
e (Bağlantıya sahip resimler, hedef sayfa ile ilgili kullanıcılara bilgi sağlamalı ve kullanıcıların ne ile karşılaşacağı 


konusunda fikir vermelidir. 


Örnek 


e 
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MP rr 
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Örnek sitede, bağlantıların sadece resim olarak verilmesi, kullanıcıların erişeceği içerik hakkında fikir sahibi olmasını zorlaştırmaktadır. 


Referanslar 
e 1S09241-151/7.2.3.2 - Providing text eguivalents for non-text media objects 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/clickable-elements/ 
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12.13. Ziyaret Edilen Bağlantılar 


İlke 
Ziyaret edilmiş bağlantılar, diğer bağlantılara göre daha yıpranmış veya soluk bir renk tonuna sahip olmalıdır. 


Açıklama 

Kullanıcılar, geçmiş tecrübelerine ve algılarına dayanarak sayfa içerisinde yer alan mavi renkli, altı çizili metinlerin 
bağlantı olmasını beklerler. Ziyaret edilen sayfalara ait bağlantıların ise aynı karakterde ancak mor renkli olması 
beklenir. Bahsedilen bağlantı görünümü kullanıcıların bağlantı metinlerindeki temel algısını ortaya koymaktadır. 
Bununla birlikte bu algıya uygun, bağlantı olduğu anlaşılabilen farklı tasarımlar, renkler bağlantılarda uygulanabilir. 


Yönergeler 
e (o Farklı özellikteki bağlantıların renk tutarlılığına dikkat edilmeli, ziyaret edilen tüm bağlantılar aynı renkte 
olmalıdır. 
e (Ziyaret edilmiş bağlantılar daha soluk bir renge sahip olmalıdır. 
e Ziyaret edilmiş bağlantılarda kullanılan renkler, kullanıcılarda tersine ziyaret edilmemiş bağlantı algısı 


uyandırmamalıdır. 


Örnek 
© i 15102016 tah Rem xw — an e 
&« 3 Ö vene rexmizazete gönle 157 erer eriiğasete vr İnn Marea rim Vah * » £ © 
a a» İri İri göre re İk > 
14 Elm 2018 Tarihi ve 30565 Sayı Fas Gaze İLANLAR 
TC MERNEZ HANKASIMCA MELİS PEN DÖYİZ KURLARI VE DEVLET İÇ BORÇLANMA SENETLERİNİN GÜNLÜK DEĞERİ Sİ 
Örnek sitede, daha önce ziyaret edilen yargı ilânları bağlantısı farklı renk ile gösterilerek belirgin hale getirilmiştir. 
Referanslar 


e o|S09241-151/9.4.8 - Highlighting previously visited links 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/change-the-color-of-visited-links/ 
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13. YAZI TASARIMI 


Kullanıcıların, internet sitelerinden etkin ve etkili bir şekilde faydalanabilmeleri için yazı tasarımının temel görsel 
prensiplere uygun olarak yapılması gerekmektedir. Yazı tasarımı, site içindeki diğer görsellerle ve başlıklarla uyumlu 
ve tutarlı olmalıdır. İnternet sayfalarındaki yazı tasarımı biçimlendirilirken, yaygın olarak bilinen fontlar tercih edilmeli, 
yazı rengi ve arka plan rengi arasındaki uyuma dikkat edilmeli, kullanıcıların okumasını ve anlamasını kolaylaştıracak 


tasarımlara yer verilmelidir. 


Bu bölümde; 

e (o Yazı Biçimleri 

e Yazı Boyutu 

e (Yazı Görünümü 

e (o Yazı Rengi ve ArkaPlan 

e Yazılipi 

e (o Yazıda Vurgulama Yöntemleri 
ilkeleri ele alınacaktır. 


AAA 
13.1. Yazı Biçimleri 


İlke 
Metin öğelerine uygulanan yazı biçimleri sadece önemli olduğu düşünülen ifadelerde kullanıcıların dikkatini çekmek 
için kullanılmalıdır. 


YAZI TASARIMI 


Açıklama 

Yazı biçimlerinin yanlış ve yersiz kullanımı, metinlerin okunmasını zorlaştırmaktadır. Ayrıca, metin içerisinde çok 
fazla yazı biçimi kullanılması da kullanıcı algısına gereksiz yük bindirerek metinlerin okunabilirliğini olumsuz yönde 
etkilemektedir. 


Yönergeler 

e o Altıçizili, kalın yada eğik yazı biçimlerinin gereğinden fazla kullanımından kaçınılmalıdır. 

»e Bir sayfada yer alan bir ifadeyi vurgulamak için altı çizili, kalın ya da eğik yazı biçimlerinin ikisi ya da üçü aynı 
anda kullanılmamalı, sadece bir yazı biçimi tercih edilmelidir. 

e» İnternet sitelerinde altı çizili metinler bağlantı (link) olarak algılanabileceğinden, bu yazı biçimi mümkün 
olduğunca bağlantılar için kullanılmalıdır. 

e — Alıntıların eğik yazı olarak gösterilmesi literatürde geleneksel bir yaklaşımdır. Eğik yazıların alıntılara referans 
verdiği yerlerde kullanımı tercih edilmelidir. 

e (o Yazı biçimleri kullanıcılarda reklam algısı uyandıracak derecede abartılı kullanılmamalıdır. 


Örnek 


PROGRAMLAR > Erssmus* Programı 


Erasmus*t Programı:Genel Yapı | 


Erasmus* Programı, Avrupa Birliği tarafından eğitim ve gençlik alanında 2007-2013 yılları arasında 
uygulanmış olan Hayatboyu Öğrenme ve Gençlik Programlarının yerine uygulanacak olan yeni 
programdır. Ağırlıklı olarak proje faaliyetlerine dayanmakla birlikte bireysel faaliyetleri de içermektedir. 


Erasmus Programı'nın Amaçları Nedir, Programa Niye 
Erasmus Adı Verilmiştir? 


2014-2020 yılları arasında uygulanacak olan Erasmus*t 
Programı ile kişilere, yaş ve eğitim geçmişlerine 
bakılmaksızın yeni beceriler kazandırılması, onların kişisel 
gelişimlerinin güçlendirilmesi ve istihdam olanaklarının 
arttırılması amaçlanıyor. Erasmust Programı; eğitim, 
öğretim, gençlik ve spor alanlarını kapsıyor. Erasmus* 
Programı'na bu adın verilmesindeki ana sebep, kamuoyunda > 

daha fazla tanınan, yurtdışında eğitim ve Avrupa işbirliği İle 

güçlü bir şekilde özdeşleştirilen önceki Erasmus programının bilinirliğinden faydalanmaktır 


Örnek sitede, kalın ve eğik yazı biçimi birlikte kullanılmıştır. Bunun yerine sadece kalın ya da sadece eğik yazı tipinin tercih edilmesi 


gerekmektedir. 


Referanslar 


Faydalı Kaynaklar 


e o https://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/ 


İİ ntelefii 


13.2. Yazı Boyutu 


İlke 


Yazı büyüklüğü, farklı çözünürlüğe sahip ekranlarda okunabilir ve kullanıcılar tarafından ayarlanabilir olmalıdır. 


Açıklama 

İnternet sitelerinde, 9-12 punto (12-16 piksel) arasında olan yazı büyüklüklerinin metinlerin okunabilirliği açısından 
uygun olduğu bilinmektedir. Özellikle son dönemde yaygın olarak kullanılan bazı CSS kütüphaneleri 16 piksel boyutunu 
standart boyut olarak kullanmaya başlamıştır. 


Yönergeler 
e (Yazı büyüklükleri, yüksek çözünürlüğe sahip ekranlarda okunabilir olmalıdır. 
e (o Kullanılan yazı büyüklüğü 9 puntodan büyük olmalıdır. 
e (o Okuma güçlüğü çeken kullanıcılar için, yazı büyüklüklerinin değiştirilme seçeneği sunulmalıdır. 
e Göz gezdirilecek kısa metinlerin tamamının büyük harflerden oluşması, kullanıcıların daha rahat okumasını 
sağlamaktadır. 
»e Göz gezdirilecek kısa metinler daha büyük yazı boyutunda kullanılmalıdır. 


Örnek 
Basın Duyuruları 
09.05.14 (İhracat Reeskont Kredilerinin TCMB Rezervlerine Katkısına İlişkin Veriler Genel Ağ Sitesinde Yayımlanmaya Başlanmıştır 
08.05.14 Döviz Satım İhalelerine İlişkin Basın Duyurusu 
07.05.14 “Geçmişten Gelen Estetik: Hat-Ebru-Sedefkârlık” Sergisi Sanatseverlerle Buluşacak 
20.04.14 (Para Politikası Kurulu Toplantı Özetine İlişkin Basın Duyurusu 
28.04.14 (Başkan Erdem Başçı Üsküp'te "Ekonomik Görünüm ve Para Politikasi” Konulu Bir Sunum Yaptı 
25.04.14 Döviz Satım Ihalelerine İlişkin Basın Duyurusu 
24.04.14 (Faiz Oranlarına İlişkin Basın Duyurusu 
17.04.14 (Başkan Erdem Başçı TCMB 32. Olağan Genel Kurul Toplantısında Sunum Yaptı 
12.04.14 (Başkan Erdem Başçı Washington'da “Ekonomik Görünüm ve Para Politikasi” Konulu Bir Sunum Yaptı 


08.03.14 o Türkiye Cumhuriyet Merkez Bankası Tarafından Verilecek Olan “2014 Yılı Araştırma Ödülleri'ne İlişkin Basın Duyurusu 


Yeniler 

06.05.14 ReelEfektif Döviz Kuru (Nisan 2014) 

06.05.14 (Aylık Fiyat Gelişmeleri (Nisan 2014) 

05.05.14 Konut Fiyat Endeksi (Şubat 2014) 

05.05.14 Finansal Kesim Dışındaki Firmaların Döviz Varlık ve Yükümlülükleri (Şubat 2014) 
01.05.14 (o Başkan Başçı'nın “Enflasyon Raporu 2014-l”nin Tanıtımına İlişkin Bilgilendirme Toplantısında Yaptığı Sunum 
30.04.14 Enflasyon Raporu 2014-1 

30.04.14 (o Başkan Başçı'nın “Enflasyon Raporu 2014-l'nin Tanıtımına İlişkin Bilgilendirme Toplantısında Yaptığı Konuşma 
30.04.14 (Aylık Para ve Banka İstatistikleri (Mart 2014) 

28.04.14 TCMB Stratejik Planı (2014-2018) 

24.04.14 İktisadi Yönelim Anketi ve Reel Kesim Güven Endeksi (Nisan 2014) 

24.04.14 Yatırım Anketi (Bahar 2014) 

24.04.14 İmalat Sanayi Kapasite Kullanım Oranı (Nisan 2014) 

18.04.14 (Beklenti Anketi (Nisan 2014) 

18.04.14 (Uluslararası Yatırım Pozisyonu (Şubat 2014) 

17.04.14 o Yıllık Rapor (2013) 

17.04.14 (2013 yıl Bağımsız Denetim Raporu 

17.04.14 2013 yılı Bağımsız Denetim Raporu (Uluslararası Muhasebe Standartlarına Göre) 
17.04.14 (Kısa Vadeli Dış Borç İstatistikleri (Şubat 2014) 

16.04.14 ( Özel Sektörün Yurtdışından Sağladığı Kredi Borcu (Şubat 2014) 

11.04.14 (Banka Kredileri Eğilim Anketi (2014-1) 

11.04.14 Ödemeler Dengesi İstatistikleri (Şubat 2014) 


Örnek sitede, kullanılan yazıların tarayıcıda küçük görüntülenmesi okumayı zorlaştırmaktadır. 


Referanslar 
e |S09241-151 / 9.6.6 - Making text resizable by the user 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/glanceable-fonts/ 
e o https://www.nngroup.comj/articles/let-users-control-font-size/ 


e  https://www.smashingmagazine.com/2011/10/16-pixels-body-copy-anything-less-costly-mistake/ 


YAZI TASARIMI 


13.3. 


İlke 


 nİnlefei 


Yazı Görünümü 


İnternet sayfalarında kullanılan yazılar okunabilir, açık ve tasarım açısından tutarlı olmalıdır. 


Açıklama 


Tipografi web tasarım işinin önemli bir bölümünü oluşturmaktadır. İyi bir tipografi, internet sitesinin kullanıcıları 


tarafından benimsenmesinde çok önemli rol oynamaktadır. İnternet siteleri üzerinden hedef kitleye sunulan içerikler 


genelde yazılar üzerinden aktarılır. Bu açıdan yazı görünümü internet sitelerinin kullanılabilirlik ve erişilebilirlik algısını 


önemli oranda etkilemektedir. 


Yönergeler 


Örnek 


Yazıların okunabilirliğini artırmak için içerikler başlıklara bölünmeli, madde imi ile listeler oluşturulmalı, önemli 
ifadelerin dikkat çekme yöntemleri ile vurgulanması ve açıklamalara yer verilmesi gibi yöntemler kullanılmalıdır. 
Uzun metin içeriklerine sahip internet sitelerinde, okunabilirliği artırmak için içeriğin kısa ve anlaşılır bir özeti 
de kullanıcılara sunulabilir. 

İnternet sitesine ait farklı sayfalarda yer alan metin öğeleri için yazı büyüklüğü, yazı rengi, yazı tipi, arka plan 
biçimlendirmesi ve yazı yerleşimi ile ilgili görsel tutarlılık sağlanmalıdır. 

İnternet sitesinin tamamında benzer yazı biçimlendirmesi kullanılmalı ve tutarlılık sağlanmalıdır. 

Sitenin bir sayfasında kullanılan yazı tipi ile başka bir sayfasında kullanılan yazı tipi farklı olmamalıdır. Başlıklar, 
bağlantılar ve içerikler için yazı biçimlendirmesi tüm sayfalarda standart hale getirilmelidir. 

Bağlantı olmayan metinlerde içeriklerin vurgulanması amacıyla, bağlantı algısı oluşturabilecek alt çizgi ya da 
renk kullanılmamalıdır. 

Kullanılan metin içerikleri, sadece görsel olarak değil; dilbilgisi, yazım ve imla kurallarına göre de doğru ve 
tutarlı olmalıdır. 

Rahat bir okunabilirlik sunulabilmesi için yazı satırları arasındaki boşluk, yaklaşık olarak satır yüksekliğinden 
9030 daha fazla olmalıdır. 

Yazı ve arka plan rengi arasında yeterli kontrast sağlanmalıdır. Küçük yazılar için 4,5:1 oranında, büyük yazılar 
içinse 3:1 oranında kontrast yeterli görülmektedir. 

Renk körü kullanıcılar dikkate alınarak yazılarda kırmızı ve yeşil rengin kullanımından kaçınılmalıdır. 


iizmet Slsndartları 


Marmara? ö N g mM Lİ 
du £ 0207 Sapık Kanım Kapsamında Kalan azmaya At Tanm Arastlerman Satışa Esas 
Haşlırmıştır. 


Biümlerime 


Mayo 
e olduğe ak tap 
Kalite Pestiiibarmaz krniz Köl Emizle Modürluğe ve İlce Hahmadiiriclilernen 11/13/2013 tanhindan 


Bilgi Etine 


İM Tayınmaz Tapaları isk Sahepileri 
Bİ 2'1 Alandan ila Medituli Başvuru Sürdleri 

MÜ Basma 7/0... 

MİN Araztlari Kaşe: Süre Hakkına Ağçkılıma ve İstatısta) Yikgier... 

#İ Deltertarğınının 2/7 Uygulamalarını Tşk Çebsmainn. 

Bb 2/1 Taşemazlarına Tülin Vapdarı Duğorlandinmüi Toplantılar va Ziyarıtar.. 

IN Uyyudamılarıın Belen İletişim Büyüleri 

#6 SET ALANINDA KALAN TAŞIMMAZLARLA TRAMPA YAPILACAK HAZİNE TAŞINMAZLARI... 
Mönatlrtne 


Foteftni 


Örnek sitede, aynı sayfa içindeki yazı renk ve biçimlerinin farklılık gösterdiği görülmektedir. Tutarlığın sağlanabilmesi için 
standart bir yapının kullanılması gerekmektedir. 


Referanslar 


ISO 9241-151 / 9.6.1 - Readability of text 

ISO 9241-151 / 9.6.2 - Supporting text skimming 
ISO 9241-151 / 9.6.3 - Writing style 

ISO 9241-151 / 9.6.4 - Text guality 


Faydalı Kaynaklar 


https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d 


İİ nİnlefei 


13.4. Yazı Rengi ve Arka Plan 


İlke 
Kullanıcıların hızlı okumasını ve içeriği anlamasını gerektiren metinlerde, yazı rengi siyah olarak tercih edilmeli; sade, 
yüksek zıtlığa (kontrast) sahip ve desensiz arka planlar kullanılmalıdır. 


Açıklama 

Genel olarak, yazı ve arka plan rengi arasındaki zıtlık, metnin okunabilirliğini artırmaktadır. Sade bir arka plan 
üzerine yazılmış siyah metinlerin, diğer yazı rengi ve arka plan tiplerinde yazılan metinlere göre daha rahat okunduğu 
bilinmektedir. Koyu renkli arka planlar üzerine açık renk kullanılarak yazılmış metinler ise okuma hızını düşürmektedir. 


Yönergeler 

e oYazıtipirengiile arka plan rengi birbirine zıt olacak şekilde seçilmelidir. 

e (o Yazıların okunabilirliğini zorlaştıran desenli zeminlerden ve arka plan resimlerinden kaçınılmalıdır. 

e (Kırmızı üzerine yeşil, yeşil üzerine kırmızı, kahverengi üzerine kırmızı, mavi üzerine kırmızı ya da kırmızı üzerine 
mavi gibi okumayı güçleştirecek renk kombinasyonları kullanılmamalıdır. Metinler, açık renk ya da beyaz arka 
plana, koyu renk kontrastlı fontlar ile yazılmalıdır. 

e (Yazı ve arka plan rengi arasında yeterli kontrast sağlanmalıdır. Küçük yazılar için 4,5:1 oranında, büyük yazılar 
içinse 3:1 oranında kontrast yeterli görülmektedir. 

e (Renk körü kullanıcılar dikkate alınarak yazılarda kırmızı ve yeşil rengin kullanımından kaçınılmalıdır. 

e (Renkler mesajın iletilmesinde tek araç olarak düşünülmemeli, renk körü kullanıcılar da dikkate alınmalıdır. 


Örnek Duyurular Ss Yayınlar 


Yari Dişe Bömyel Sikinlmiere Hatve Desteği 2044 Şiriat Y Yarışmalar 
Desteklenenler 
224 Yurt Çe Süresi Erkal «rine Deşmaği Arçgrur 


hazrmarr erim 2014 erk Şale ayı İmstaklararizr örten kalk Sirki yi Mirayale 
p van 


NEM yy mod0m 2 


W ASCA Çağnında Son Başvuru Tarihi Uzatid 
TUTA b , aklar (AZ DE arsin 
« me bepearerlu sn baru 
Mi VW *Timensim ust 


Mİ ösşar Hikayeleri 


EE yy ozu ww 


1811 Programı Kapsamında Özel Sektöre Yünelik 11 Vani 


yg 2022014 isi 


i ARDEB 1003 Proğramı Kapsamında 14 Yeni Çağrı Ağlat 
p Ariza e Deren Beagraeremmi Mazamdağ tesatemizen ZO Mengi 


Örnek sitede, açık renkli sade bir zemin üzerine siyah ve mavi yazı renkleri kullanılarak metinlerin daha kolay okunabilmesi sağlanmıştır. 


Referanslar 
e |S09241-151/9.3.9 - Usingcolor 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/text-over-images/ 
e o https://www.usability.gov/get-involved/blog/2010/02/color-blindness.html 


e — http//uxmovement.com/content/when-to-use-white-text-on-a-dark-background/ 
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13.5. Yazı Tipi 


İlke 
İnternet sitelerinde kullanılan metinlerin daha hızlı ve kolay okunabilmesini sağlamak için yaygın olan yazı tipleri 


kullanılmalıdır. 


Açıklama 
İnternet sitelerinde kullanılan metinlerin yaygın yazı tipleri arasından seçilmesi, kullanıcıların metinleri daha hızlı ve 


kolay okuyabilmesi açısından önemlidir. 


Yönergeler 

e (o Uzun metinlerde serif, kısa metin ve başlıklarda ise sans-serif metin kullanımı okunabilirliği artırmaktadır. 

e (o Farklı büyüklük ve kalınlıklarda düzgün ve okunaklı görünecek bir yazı karakteri seçilmelidir. 

e (o Tamamıbüyükharflerden oluşan yazılar hem okumayı zorlaştırdığı hem de verilmek istenen mesajın kullanıcılar 
tarafından olumsuz algılanmasına neden olabileceği için özellikle uzun yazılarda kullanımından kaçınılmalıdır. 

» (o Özel karakter setine sahip dillerde içerik görüntüleyecek olan internet sitelerinde, kullanılan yazı tipi, ilgili dil ile 
uyumlu olacak şekilde seçilmelidir. Örneğin, aynı yazı tipi farklı karakter setlerinde kalın olarak görüntülendiğinde 
okunabilirlikleri açısından çok farklı olabilmektedir. 

e (o Farklı araçlarla erişim durumunda hatalı karakter görünümü olmamalıdır. 


Örnek 
Ara Sayfa Hakkımızda Yayınlar Bilgi Talebi 555 Site Haritası Başkana Mesaj 
| Lİ 
Haber Bültenleri hi 7 
Onceki , 7? 3 - 7 o Sonraki 
| Temel İstatistikler | EE 
. Son Yayımlanan Haber Bültenleri 
İstatistik Göstergeler İli 
İstatistiklerle Aile, 2013 Â. 
Konularına Göre İstatistikler | ş cil İ , 
| Hanehalklarının “48,6'sıni tek kişilk, #ljığlini ise geniş Gil , 
© oluşturdu. , 09/05/14 * , l 
| Veritabanları i / 
Resmi İstatistik Portali (RİP) 
b 
Örnek sitede, menü başlıkları için kolay okunabilir yazı tipleri tercih edilmiştir. 
Referanslar 


e o|S09241-151 / 10.1.5 - Designing presentation of text in different languages 


Faydalı Kaynaklar 
e o https://www.smashingmagazine.com/2009/03/10-principles-for-readable-web-typography/ 


KARA 
13.6. Yazıda Vurgulama Yöntemleri 


İlke 
Dikkat çekme yöntemleri, sadece gerekli olduğu durumlarda ve abartılı olmayacak şekilde kullanılmalıdır. 


Açıklama 

Kullanıcıların dikkatini çekmek ve verilmek istenen mesajı vurgulamak amacıyla metin öğelerine hareket verme ya 
da animasyon ekleme; yazı tipini, rengini ya da büyüklüğünü değiştirme gibi yöntemler nadiren kullanılabilir. Bazı 
metinlerin açık renkli bazılarının ise koyu renkli olması, küçük-büyük harf kullanımı, kalın ya da italik yazı tiplerinin 
kullanımı diğerlerine göre daha önemli olan bilgileri kullanıcıların daha kolay algılamasına yardımcı olmaktadır. 


Gereksiz ve fazla sayıda dikkat çekme yönteminin kullanılması, kullanıcıların kafa karışıklığı yaşamasına ve içeriği 
anlamamasına neden olabilir. Örneğin, yazılara animasyon eklemek en etkili dikkat çekme yöntemlerinden biridir. 
Kullanıcıların genel olarak hareket eden nesnelere baktığı bilinmektedir. Ancak, animasyon içeriği kullanıcıları 
ilgilendirmiyor ya da faydalı bir bilgi içermiyorsa, bir süre sonra bu hareketlendirmeler kullanıcılar tarafından 
rahatsız edici olarak algılanmaktadır. Animasyonun sürekli olarak devam ediyor olması, kullanıcıların sayfa içeriğine 


odaklanmasını engellemektedir. 


Yönergeler 
e Gereksiz animasyon ve hareketli içerik kullanımından kaçınılmalıdır. Aşırıya kaçacak hareketli içerik ve 
animasyon kullanımının kurumsal ciddiyet ile bağdaşmayacağı da unutulmamalıdır. 
»e (Yazılar, dikkat çekmesi için birbirinden çok farklı olacak şekilde aşırıya kaçarak biçimlendirilmemelidir. 
e (o Yazıda vurgulama yöntemi, renk körü kullanıcılar da dikkate alınarak, sadece renk ile sağlanmamalıdır. 
e (Dikkat çekilmesi istenen yazıda sade vurgulama yöntemleri (kalın yazı tipi vb.) kullanılmalıdır. 


Örnek 


S“ EGÖCEP'TEZ 


25 SMS” 9 S 
B L : 


Ü İ “EGO SESLİ MESAJ 


ANKARA HALKININ HİZMETİNDE. 


03129113911 


RE GENEL MULURLUSUNDEN GK SENİLİK Oda 11 ED SS ve “EGÜ 
YEZLİ MES” MAKARA MAZAĞİIN MEME iLE SUMULMUŞUUM 


( fer 
* AMARE BEVAZAV ve BOD İŞBIRLIĞI RE Garı siz 12” «ret 
* ÖZEL YERŞET ARAÇLARININ 1043 2014 TU LAZ ener “irana b 


* TAPYM MARALİ SONAR Vr TR ou va f PR 
ie DMGEÜNLERİ İLE GSLMDOĞA HAYA ALAnıMA Aşım MİN 
ii şar VE VETEODE BULUNAN CAYIP GAYALARIU 330300 J &GO Capa 

ve ŞE YARALAN 
“7 LİN Gi ER HATTINDA GÜZER CAK SÜZEMLENEĞİ YATEMIŞTIR f asarım 
y Dt AKDUNE PTYAMİZANA MEZSAY MATTIMEK 2OAYEZ SAAYLIRI YEMDEN 3 ABB Tratn 

MAİ AMİ 

ZABIM EZ va BI LİLİ SİTTE Gİ DAATLIM YEMEN m 

* Eres gg /<00 Cape 


Yü DEMEN AMİN GİYEN BESİLİ e YY A A A AİN 


Örnek sitede, Duyurular alanının üstünde yer alan bölümde haber görselleri hareket etmekte, sitenin genelinde büyük ikonlar ve dikkat çekici 
renkler kullanılmaktadır. Bu durum site içeriğine odaklanmayı zorlaştırmaktadır. 


Referanslar 


Faydalı Kaynaklar 


14. VERİ GİRİŞİ 


Ekran tabanlı kontroller, kullanıcıların internet sitesi ile etkileşimini sağlamak için kullanılmaktadır. Bağlantılar, 
düğmeler, radyo düğmeleri, onay kutuları, açılır listeler ve veri giriş alanları da kullanıcıların etkileşimini sağlamak için 
kullanılan diğer öğelerdir. İnternet sitelerinde ekran tabanlı kontrollerin uygun bir biçimde ve gerekli olduğu yerlerde 
kullanılmasına dikkat edilmelidir. 

Site içerisindeki düğmelerin ve veri giriş alanlarının kullanıcılar tarafından anlaşılabilmesi ve amacına uygun 
kullanılabilmesi için açık ve anlaşılır olacak şekilde isimlendirilmesi ve görsel olarak belirgin hale getirilmesi 
gerekmektedir. 


Bu bölümde; 

e (o AşamalıvVeriGirişi 

e Bilgi ve Uyarı Mesajı 

e (oGereksizvVeriGirişi 

e (o Hızlıve KolayvVeri Girişi 

»e oVeriGirişAlanı Etiketleri 

» (Veri Giriş Alanlarının Boyutu 

»e o Veri Giriş Alanlarının Tasarımı 

»e Veri Giriş Alanlarının Tutarlılığı 

e (Veri Girişinde Büyük ve Küçük Harfler 

»e o Veri Girişinde Geribildirim 

»e (Veri Girişinde Güvenlik Kodu 

»e (Veri Girişinde Varsayılan Değer 

e o Zorunlu ve İsteğe Bağlı Veri Giriş Alanları 
ilkeleri ele alınacaktır. 


İnlete 


14.1. Aşamalı Veri Girişi 


İlke 


Veri girişlerinin çok uzun olduğu formlarda, veri girişi aşamalı olarak tasarlanmalıdır. 


Açıklama 
İnternet sitelerinde uzun formlar kullanıldığında veri girişi birden fazla sayfaya yayılabilmektedir. Böyle durumlarda 
kullanıcıyı yormayan ve hata oranını en aza indiren tasarımlar tercih edilmelidir. 


Yönergeler 

»e o Verigirişi alanları gruplandırılarak aşamalar halinde kullanıcıya sunulmalıdır. 

»e Birden fazla aşamanın kullanılmasının gerekli olduğu durumlarda formun kaç aşamadan oluştuğu ve 
kullanıcıların hangi aşamada bulunduğu bilgisi verilmelidir. 

e (o Aşamalıveri girişlerinde, kullanıcıların önceki adımlara dönüp güncelleme yapabilmesi de sağlanmalıdır. Geriye 
dönük güncelleme işlemleri için “geri” ya da “önceki adım” gibi düğmelere yer verilmeli, bu düğmeler tarayıcı 
yön düğmelerinden ayırt edilecek şekilde tasarlanmalıdır. 

»e Veri girişi esnasında adımlar arasında gezinirken kullanıcıların girdikleri bilgileri kaybetmemesi sağlanmalı, 
bilgiler kaydedilmiyorsa bu bilgi kullanıcılarla paylaşılmalıdır. 

e (Profesyonel kullanıma yönelik sitelerde dikey kaydırma içeren formlar tercih edilebilir. 

e (Oturum sonlandırması için belirlenen süre, kullanıcıların tüm aşamaları rahatlıkla tamamlamalarına yetecek 
uzunlukta olmalı ve kullanıcıların bu sürenin farkında olacağı şekilde tasarlanmalıdır. 


Örnek 


T.C. Kimi No 


Adımız 
Soyadınız 
Arın Ağımız 


Sara Adınız 


Örnek sitede, veri girişi aşamalara ayrılmış, kullanıcılar hangi aşamada olduğu ve kaç aşamanın kaldığı konusunda bilgilendirilmiştir. 
Referanslar 
e |S09241-151/8.4.13 - Providing a “step back” function 


Faydalı Kaynaklar 


İntes 


14.2. Bilgi ve Uyarı Mesajı 


İlke 
Veri girişi kapsamında, gerekli görülen noktalarda kullanıcılara bilgi ve uyarı mesajı verilmelidir. 


Açıklama 
Kullanıcılar veri girişinin başarı ile sonuçlandırılıp sonuçlandırılmadığı konusunda bilgilendirilmelidir. 


Yönergeler 
e — Bilgi ve uyarı mesajı içerikleri teknik ifadeler içermeyen, açıklayıcı ve anlaşılır olmalıdır. 
e Bilgi ve uyarı mesajı ikonları tutarlı olarak tüm sitede kullanılmalı ve hata ya da uyarı mesajlarına ait ikonlar 
karıştırılmayacak şekilde tasarlanmalıdır. 
e» o İşler tamamlandıkça verilen pozitif mesajlar kullanıcı kalite algısını yükseltir. Doğru komutlara özellikle işlem 
uzun süreceği takdirde verilen pozitif mesajlar yazılımın yavaş çalıştığını gizlemede yardımcı olabilir. 


Örnek 


Forum Dizini 


Kayıt olduğunuz için teşekkür ederiz 


Hesabınız henüz aktifleştirilmemiştir. 
Kayıt işlemini nasıl tamamlayacağınıza dair açıklamaları içeren e-mail 


kısa süre içerisinde eposta adresinize gönderilecektir. 
Forum Dizini 


Örnek sitede, kullanıcıların veri girişini hatasız tamamladığına ve üyeliğini aktifleştirmek için yapması gerekenlere yönelik açık ve anlaşılır bir 


bilgi mesajı verilmektedir. 


Referanslar 


Faydalı Kaynaklar 


İİ ntelefii 


14.3. Gereksiz Veri Girişi 


İlke 


Kullanıcılar, aynı veriyi birden fazla yerde girmek zorunda bırakılmamalıdır. 


Açıklama 
Aynı verinin birden çok yerde girilmesi, hem kullanıcılar için zaman kaybına neden olmakta hem de veri girişlerinde hata 
oranını artırmaktadır. 


Yönergeler 

»e oVerigiriş ekranlarında tekrar eden ya da gereksiz veri girişinden kaçınılmalıdır. 

e Girilen bir verinin başka bir sayfada kullanılmasının gerekli olduğu durumlarda, kullanıcılardan veriyi tekrar 
girmesini istemek yerine sistemin ilk girilen veriye erişebilmesi sağlanmalıdır. 

e (Varsayılan hazır değerler mümkün olduğunca kullanılmalıdır. 

e — Akıllı önerilisteleri ile aynı verilerin tekrar tekrar girilmesi engellenmelidir. 

e (o Güvenlik kontrolü durumları bu konuda müstesnadır. Ancak bu durum da kullanıcıya net bir şekilde bildirilmeli, 
kullanıcının hata yaptığı veya sistemde bir hata olduğu hissi yaşatılmamalıdır. 


Örnek 
Kulamda Bigileri 


E.Posta Adresi | 
E-Posta Adresittekrar) : | 
Parola : 


Parolajtekrar) : 


Güvenlik Sorusu : iLutfen Saçınız... m0 
Güvenlik Sorusu Ceva * 


Giriş Tercihi: Lİ Sadere elektronık vensya mobil imza ile giriş yapmak istiyorum 


Elektronü imza Medir?| Mot mza Nedir? 


Uyelik Koşuları * Gİ Üyelik Koşulannı okudum ve kabu! ediyorum 
Resin Doğrulama ve Kardatms 


Na pe 


Resim Doğrulama : 


İmei 


Örnek sitede girilen bilgilerin teyidi amacıyla bazı veriler kullanıcılardan birden fazla defa isteniyor. Kullanıcı deneyiminin kalitesi de 


düşünülerek bu tür veri istekleri mümkün olduğunca azaltılmalıdır. 


Referanslar 


Faydalı Kaynaklar 


alete 


14.4. Hızlı ve Kolay Veri Girişi 


İlke 
Veri girişinin hızlı yapılmasının istendiği durumlarda, kullanıcıların liste kutularından seçim yapması yerine bilgilerini 
elle girmeleri sağlanabilir. 


Açıklama 

Bazı durumlarda internet sitelerinde, liste kutularından seçim yaptırmak yerine kullanıcılardan veriyi girmesini istemek 
daha hızlı ve tercih edilen bir yöntem olabilir. Ancak, veri girişinin elle yapılmasının hatalı veri girişlerine de sebep 
olabileceği göz önünde bulundurulmalı, raporlama gibi önem taşıyacak işlemlerde kullanılmamalıdır. 


Yönergeler 

e o Hızlıveri girişini kolaylaştırmak ve hataları engellemek için, bütün alanlar açık ve anlaşılır şekilde etiketlenmeli 
ve gerekli görüldüğünde otomatik atlama (auto-tab) işlevi sağlanmalıdır. Otomatik atlama performans artırıcı 
olmakla birlikte kullanıcı tarafından ne zaman otomatik ne zaman elle olduğu ayırt edilemeyen hibrit ortamlarda 
performansı düşürücü etki yaptığı gözlenmiştir. 

»e (o Verilerin doğru girilmesine yardımcı olmak için uzun bilgiler küçük parçalara ayrılarak giriş yaptırılmalı, yazım 
ve imla hataları otomatik olarak gösterilmeli, büyük / küçük harf duyarlılığı kaldırılmalıdır. Kısa dönem hafızada 
yaklaşık 7 bilgi tutulabildiği için uzun bilgiler en fazla 7 parçaya ayrılmalıdır. 

e (oUygunolanişlevler için kullanıcıların klavye kısa yol tuşlarını kullanabilmeleri de sağlanmalıdır. 

e (o Kullanıcılara gereken bazı senaryolarda girdiği bilgiler gösterilerek onaylaması istenmeli, böylelikle verilerin 
doğruluğunun artırılması sağlanmalıdır. 


Örnek 
| kaya Formu 

« Gun İrsbat Miş Biçer 
Adr ( #yge Grup E-pö3tası 
Soyadı | E-posta 2: 
Doğum Tarihe 3 T.C. Kimlik oi 
Uyruk: TA-Türkiye vi Crsiyet: v.x 
Şehir: ix Meslek: vx 
İlçe: : vx 


Örnek sitede, veri girişi yaparken Tab tuşu ile bir alt satıra geçiş yapılmasına izin verilmekte, bu durum hızlı veri girişine yardımcı olmaktadır. 


Referanslar 
e |S09241-151/9.5.3 - Providing keyboard shortcuts 


Faydalı Kaynaklar 


MARA 


14.5. Veri Giriş Alanı Etiketleri 


İlke 
Veri giriş alanları için seçilen etiketler açıklayıcı ve anlaşılır olmalı, kullanıcıların doğru veriyi girmesini sağlayacak 
kelimeler tercih edilmelidir. 


Açıklama 
Kullanıcılar veri giriş alanlarının amacını, ilgili alanlara ne tür veriler girebileceğini veri giriş alanı etiketleri aracılığıyla 
kavramaktadır. Etiketler seçilirken anlaşılması zor ifadeler seçilmesi veri giriş hızını düşürecek ve kullanıcının hata 


yapmasına neden olabilecektir. 


Yönergeler 

e» Verialanı etiketleri için kısa, açık ve anlamlı metinler seçilmelidir. 

e oEtiketve etiketeait bileşenlerin birbirine çok uzak olmamasına dikkat edilmelidir. Etiket ve etikete ait bileşenler 
gruplanarak etiketlerin birbirinden kolaylıkla ayırt edilebilmesi sağlanmalıdır. 

»e Veri giriş alanları etiketlendirilirken anlaşılması zor kelimelerin ya da yaygın olarak bilinmeyen kısaltmaların 
kullanımından kaçınılmalıdır. 

»e o Verigirişalanları etiketlerinden sonra iki nokta üst üste kullanılması tavsiye edilmektedir. 

e Etiketlerin ya sola ya da sağa yaslanması ve tüm site içerisinde bunu tutarlı yapılması gereklidir. 

e o Verigirişalanlarıile etiketler önemli görünme bakımından yarış içinde olmamalı, etiket öne çıkmamalı, mümkün 
olduğunca kalın harf (bold) yapılmamalıdır. 


Örnek 


“ Doldurulması Zorunlu Alanlar 


İsim “ | 
Sayizim * 


Doğum Tarihi İT vilocak vizmav 


| 
E-Posta 

Şifre " 

Şifre (Tekrar) 
il ; ” 
İlçe i v| 
Posta Kodu 


Adreş” 


Telefon 


Örnek sitede, girilmesi istenen veriler için kısa ve anlaşılır etiketler kullanılmış, kullanıcıların “Doğum Tarihi” bilgisini doğru formatta 


girebilmesi için ilgili alan parçalara ayrılmıştır. 


Referanslar 
e |S09241-151/9.5.2 - Making interaction objects identifiable and understandable 


Faydalı Kaynaklar 


 nİnlefei 


14.6. Veri Giriş Alanlarının Boyutu 


İlke 


Veri giriş alanları yeterince büyük olacak şekilde tasarlanmalıdır. 


Açıklama 

Kullanıcıların veri giriş alanına yazdıkları verileri görebilmesi önemlidir. Yazı alanlarının küçük olması veya girilen 
verinin tamamını görüntüleyebilmek için kaydırma çubuğu kullanılması, kullanıcıların veri girişlerini kolay ve doğru bir 
şekilde yapmasını engelleyebilir. 


Yönergeler 

»e (Veri giriş alanlarının uzunluğu girilecek veri ile orantılı büyüklükte olmalıdır. Alan içinde kaydırma olanağının 
varlığı, bu gereksinimi ortadan kaldırmamaktadır. 

e (Veri giriş alanlarında kaydırma çubuğu kullanımından mümkün olduğunca kaçınılmalı, kullanıcıların veri giriş 
alanına yazdığı bilgiyi tek seferde görebilmesi sağlanmalıdır. 

»e oVerigirişalanları için karakter sayısı sınırlandırılacaksa, kullanıcılara bu konuda bilgi verilmelidir. 

»e (Karakter sayısının sınırlı olduğu alanlarda, veri girişi yapan kullanıcılara kalan karakter sayısı gösterilmelidir. 

e o T.C. Kimlik Numarası gibi belirli ve sınırlı sayıda rakamlardan oluşan veri giriş alanlarında kullanıcıların farklı 
uzunluklarda ya da harflerden oluşan verileri hiç yazamaması sağlanmalıdır. Aynı şekilde sadece harf girişi 
yapılması gereken alanlara rakam yazılamamalıdır. 


Örnek 


T.C. Kimlik No 10252567605 


TC Mumararım kimlik kartınızda Olduğu g6X'd9 yazın 


Adınız o Adınızı Yazın 


Adınızı kimlik kartınızda olduğu şekilde yazır 


Soyadınız soyadına Yazın 


Soyadını kimlik kartınızda olduğu Şekilde yazın 


Anne Adınız Anne Atını 


Anne sana emil karınızda olduğu şekice vazın 


Bada Admız Baba Adınız 


Baba adlinzı <imlik karlımzds olduğu şekilde vazın 


Örnek sitede, veri giriş alanları kullanıcıların yazdığı bilgiyi görebileceği büyüklükte tasarlanmıştır. 


Referanslar 
e o|S09241-151/ 10.6 - Using generally accepted technologies and standards 


Faydalı Kaynaklar 


nine 


14.7. Veri Giriş Alanlarının Tasarımı 


İlke 
Veri giriş alanları tasarlanırken hatanın azaltılması, hızın artırılması ve kullanıcı memnuniyetinin iyileştirilmesi 
prensipleri göz önünde bulundurularak hareket edilir. 


Açıklama 
İnternet sitelerinde yer alan veri giriş alanları kullanıcıların ihtiyaç ve alışkanlıklarına göre tasarlanmalı, kullanıcıların 
hızlı ve doğru veri girişi yapabilmesi sağlanmalıdır. 


Yönergeler 

» o Veri girişi yapılan ekranlarda, giriş yapılacak bilginin tipi (Örn. Sayı, karakter vb.), uzunluğu (Örn. Karakter sayısı, 
basamak sayısı vb.) ve birimi (Örn. Saat, metre vb.) gibi özellikleri açıkça belirtilmelidir. 

e — Akıllı önerilisteleri iledaha önce yapılan girişlere ait veriler ve ön tanımlı bilgiler kullanıcıya sunulmalıdır. 

e (Verilen seçenekler arasından tek seçim yapılmasının istendiği durumlarda radyo düğmeleri, bir ya da birden 
fazla seçim yapılabildiği durumlarda ise onay kutuları kullanılmalıdır. 

e (Kullanıcıların radyo düğmeleri ile seçim yaptığı durumlarda, hem düğmenin hem de düğmenin etiketinin 
tıklanabilir olması sağlanmalıdır. Aynı şekilde onay kutusunun ya da yazı etiketinin tıklanabilir olmasına dikkat 
edilmelidir. 

e (Uygun olan durumlarda radyo düğmelerinden biri varsayılan değer olarak işaretlenebilir. 

e (o Kullanıcıların seçeneklerden hiçbirini seçmek istemeyeceği durumlarda radyo düğmesinin işaretinin kaldırılması 
sağlanmalı ya da “Hiçbiri” seçeneğine yer verilmelidir. 

»e (o Kullanıcıların birden fazla seçim yapmasını sağlamak için kullanılan onay kutularının ise birbirinden bağımsız 
olarak seçilebilmesi ve yapılan seçimlerin geri kaldırabilmesi sağlanmalıdır. 

e (Hazır (default) değerler olabildiğince dolu olarak sağlanmalı, istendiğinde ise kolaylıkla değiştirilebilmelidir. 

e 7'den daha çok seçeneğin yer aldığı açılır listelerde (combobox) liste bileşenleri mutlaka bir geçerli mantık 
çerçevesinde gruplanmalı ya da sıralanmalıdır. 

»e o Veri girişinde bölütleme tekniği kullanılmalı ve aynı teknik tutarlı olarak uygulanmalıdır. Telefon numaraları, 
IBAN numaraları vb. bilgiler genel kullanım alışkanlığına göre gruplanmalıdır. Bu biçimde tutarlı gruplama, veri 
giriş hatalarını azaltırken hatırlama veya veri görme ve akabinde girme hızlarını da artırmaktadır. 

e o Verigirişalanlarınınyeraldığı sayfailk açıldığında, ilk veri giriş alanı tıklanmadan aktifdurumda görüntülenmelidir. 

e (Aktif veri giriş alanı pastel renk arka plan, yanıp sönen imleç vb. yöntemlerle kullanıcıya açıkça işaretli olarak 
gösterilmelidir. 

e o Verigiriş alanlarında TAB tuşuile gezinti yapılabilmeli, özellikle kurumsal yazılımlarda fare kullanmaksızın giriş 
yapılması sağlanmalıdır. 

e (o TAB tuşuile planlanan gezinti ile ilgili olarak veri giriş alanının doğru sıra ile gezilebildiği yayına girmeden önce 
mutlaka kontrol edilmelidir. 

e (Mevcut kullanıcı alışkanlıkları ile çelişmeyecek sırada ve yapıda veri giriş alanları tasarlanmalıdır. 

e Oturumüile girilmiş olan internet sitelerinde, kullanıcıya ait bir takım verilerin bilgi güvenliğine aykırı olmayacak 
ölçüde hazır değerler olarak kutucuklara yerleştirilmesi yararlı olacaktır. 


Örnek 


Ad Sayod 

Cinsiyet: di Erkek © Kadın 

Doğum Tariki | İm! 

igün.öy.yllı 

Uyruk; TE. Diğer TE. Kimlik Ne: | | 

Adres; | Semi İlçe: | 
| il Adana ” 

Üyelik Tipiz AKADEMİK PERSÖNEL Mi 


Değrulema Kodu: —5734 gı 


Yukanda yazıl alen rakomi yandaki 
kufuya yazınız. 


Gönder Vozgeç 


Örnek sitede, “Erkek - Kadın” ve “T.C. - Diğer” kriterleri için radyo düğmeler kullanılmış, seçeneklerden sadece birinin 
seçilebilmesi sağlanmıştır. 


Referanslar 
e 1S09241-151/9.5.1 - Choosing appropriate interaction objects 


Faydalı Kaynaklar 


nine! 


14.8. Veri Giriş Alanlarının Tutarlılığı 


İlke 
İnternet sitelerinde kullanılan veri giriş alanlarının birbiriyle tutarlı olmasına dikkat edilmelidir. 


Açıklama 

Farklı sayfalarda yer alan veri giriş alanlarının farklı yapılarda tasarlanması, kullanıcıların girilmesi istenen veriyi 
anlamasını zorlaştırabilir. Özellikle büyük kurumlarda alt birimlerin sayfaları arasında veri giriş alanlarının yapıları 
ve tasarımları farklılık gösterebilmektedir. Bunu önlemek için kurum olarak standart bir yapı ve tasarım belirlenmesi 


uygun olacaktır. 


Yönergeler 
e Birdenfazlaadımaya da veri giriş ekranına sahip internet sitelerinde, veri giriş alanları için standart bir yapı ve 
tasarım kuralları belirlenmelidir. 
e o Veri girişinin tamamlanması için kullanılan Ara / Gönder / Devam et vb. veri girişini düzenleyen düğmelerde site 


boyunca aynı terimler / ifadeler kullanılmalıdır. 


Örnek 
di m > 
e — 
fena 
ferma | 
Örnek sitede, iki farklı kayıt ekranı için benzer bir tasarım seçilerek tutarlılık sağlanmıştır. 
Referanslar 


Faydalı Kaynaklar 


AA 


14.9. Veri Girişinde Büyük ve Küçük Harfler 


İlke 


Kullanıcıların veri giriş alanlarına hem büyük harf hem de küçük harf girişi yapabilmesi sağlanmalıdır. 


Açıklama 
Özel durumlar dışında veri giriş ekranlarına büyük ve küçük harf girişinin yapılabilmesi gerekmektedir. 


Yönergeler 
e (Veri girişalanlarında gerekli durumlar dışında büyük / küçük harf duyarlılığından kaçınılmalıdır. 
e o Şifre güvenliği gibi nedenlerle büyük / küçük harf duyarlılığının gerekli olduğu durumlarda, kullanıcılar açık ve 
net olarak bilgilendirilmelidir. 


Örnek 

” Tüm ver girişlerinizi BÜYÜK HARF gösmiz. 

Gedei Kayıt Kumarsı; . 

Kayıt Tarih 1003204 

Unvam ; 

Şirket ununnnzn girerken büyük barf ve ksaltma kullanmadan giriz 

Şirket Tapi > Baçımz . 

Şirketin Süresi * GMEETİN GÜSESİ GENERSIZ İSE Ojafe) YAZIMIZ 

Telefon | Fax: 

Adres 

Merkez Şedir/ike : Seçiniz » (Seçiniz » 

| Veri ha 
| Vergi Daire > Seçiniz bi 

TSGaretr'Tar TSGarete Sayi 

Ticaret solo 1 Ni Ex) Kuruluş Tarihi! 

Tetsm Malt 
VE TİZ “4 
AŞ 1Eğ va 

TKayder 
Örnek sitede, veri girişlerinin büyük harfle yapılması istenmekte, bu konuda kullanıcılar bilgilendirilmektedir. 
Referanslar 


Faydalı Kaynaklar 


 nİnlefei 


14.10. Veri Girişinde Geribildirim 


İlke 
Veri girişi esnasında eksik ya da hatalı bilgiler ile ilgili kullanıcılara geri bildirim verilmelidir. 


Açıklama 

Geri bildirim, kullanılabilir bir arayüzün olmazsa olmazlarındandır. Kullanıcıların her zaman eksik ya da hatalı veri 
girişi yapabileceği unutulmamalıdır. Hatanın insanın doğasında olması, problemlerin “kullanıcı hatası” olarak hafife 
alınmasına gerekçe olmamalıdır. Sistem kendi durumu hakkında kullanıcıyı doğru bilgilendirmiyor ise, kullanıcı kendi 
kafasında geliştirdiği modele göre girdiler yapabilir ve sonunda kullanıcı birtakım hatalarla karşılaşabilir. Kullanıcının 
kendi kafasında yanlış model geliştirmesinin önüne geçilebilmesi için doğru ve etkin geri besleme ile kullanıcı 
bilgilendirilmelidir. Veri girişlerinin doğru yapılması, site içi güvenliğinin gerekli olduğu internet sitelerinde daha fazla 
önem kazanmaktadır. Kullanıcılar kendilerinin yeterli ölçüde bilgilendirilmediği durumlarda sistemin çalışmadığını 


düşünebilirler. 


Yönergeler 

»e Pozitif tamamlanan işlemler için “kaydolma işlemi başarıyla tamamlandı” türünde mesajların verilmesi 
kullanıcının daha güçlü ve kontrolü elde tutan bir pozisyonda olmasını sağlayacaktır. 

e Hatalı veri girildiğinde sadece hata oluştuğunun belirtilmesi yerine, hatanın nedeni ve nasıl çözülebileceği 
konusunda geri bildirim verilmelidir. 

e (o Telefon numarası, e-posta adresi vb. bilgilerin istendiği veri giriş alanlarında veri formatının doğru olup olmadığı 
mutlaka kontrol edilmeli, kullanıcılara bununla ilgili geri bildirim verilmelidir. 

e (Hatalı veri girişi yapıldığında tüm veri giriş alanlarının yeniden doldurulmasını istemekten kaçınılmalı, sadece 
hatalı giriş yapılan alanın tekrar doldurulması istenmelidir. Ancak, güvenlik açıklarının önlenebilmesi gibi özel 
durumlarda kullanıcılardan bütün alanları tekrar doldurması istenebilir. 

e oUyarıvehatageri bildirimleri veri girişinde birbirine karıştırılmamalıdır. 


Örnek 


| — Lümen formdaki hatalı alanları Güzelterek yeniden deneyiniz 


TC Kimlik mumararazı hatalı girdiniz 


* TE Kimlik No 


* «Devlet Şifresi 


Sanal Kaövye — Mâ Şiremi Unumum 


ipral E Sisteme Giriş Yap 


Örnek sitede, uygun girilmeyen veriler için hata mesajı gösterilmekte, kullanıcı, işlemi doğru yapması için yönlendirilmektedir. 


Referanslar 


Faydalı Kaynaklar 


AA 


14.11. Veri Girişinde Güvenlik Kodu (CAPTCHA) 


İlke 
Veri girişlerinde gerekli olduğu durumlarda CAPTCHA uygulamasına yer verilmelidir. 


Açıklama 

CAPTCHA (İnsan ve Bilgisayar Ayrımı Amaçlı Tam Otomatik Genel Turing Testi), spam ve şifre çözme koruması sağlamak 
amacıyla kullanılan ve sınama-yanıt doğrulaması olarak bilinen bir güvenlik önlemidir. CAPTCHA uygulaması ile 
kullanıcılardan, deforme edilmiş bir resim şeklinde gösterilen ve rastgele oluşturulmuş karakterleri içeren ifadeyi 
ilgili alana girmeleri istenmektedir. Böylelikle, veri girişinin gerçek kullanıcılar dışında yapılmasının engellenmesi 
hedeflenmektedir. 


Yönergeler 

e (o CAPTCHA uygulamasında görsel girdi dışında engelli kullanıcılara yönelik ses ile girdi yapılabilmesi de 
sağlanmalıdır. 

e (o Kullanıcılarınverigirişiniyavaşlatabileceği, bazı kullanıcıların resimdeki karakterleriokumakta zorluk çekebileceği 
ve güvenlik açısından testlerin sürekli olarak yenilenmesi ve iyileştirilmesinin gerekliliği nedenleriyle, gereksiz 
CAPTCHA kullanımından kaçınılmalıdır. 

e (o Kullanıcıların CAPTCHA uygulamasında birden fazla hatalı giriş yapabileceği durumlar göz önünde 
bulundurulmalıdır. 

e (o CAPTCHA uygulamasının, öncelikli olarak ilk üyelik ve mesaj gönderimi için kullanılması tavsiye edilmektedir. 

se İngilizce CAPTCHA kullanımının yabancı dili olmayan kullanıcıları daha fazla zorlayacağı dikkate alınmalıdır. 


Örnek 


(TC Kimik / Vergi No 


« 
ii“ 
e 


Sireimi Unutan 


Örnek sitede, ilk üyelik işlemi için doldurulması istenen formda CAPTCHA uygulamasına yer verilmiştir. 


Referanslar 


Faydalı Kaynaklar 


AAA 


14.12. Veri Girişinde Varsayılan Değer 


İlke 


Uygun durumlarda veri giriş alanları için varsayılan değer seçili olarak tanımlanabilir. 


Açıklama 
Kullanıcıların veri girişini hızlandırmak için varsayılan değerler tanımlanabilir. 


Yönergeler 

e o Varsayılan değer, listenin ilk ya da son elemanı veya kullanıcılar tarafından en sık kullanılan elamanı olarak 
seçilmelidir. 

e (Seçeneklerden birinin seçili olması durumunda bazı kullanıcılar seçim yapmayı unutabilmekte, kullanıcının 
tercihi olarak varsayılan değer kaydedilmektedir. Kullanıcıların böyle bir eğiliminin olduğu fark edilirse, seçim 
alanlarının boş olarak görünmesi tercih edilmelidir. 

e (o Varsayılan değerin değiştirilebileceğine yönelik verilecek ipucu doğru ve yeterli olmalıdır. 

e (o Varsayılan değerlerin yanlışlıkla seçilebileceği durumlarda bu tercih varsayılan değer olarak kullanılmayıp açılır 
liste veya menü içinde ilk tercih olarak yer almalıdır. 


Örnek 
Kullanıcı hesabınızı oluşturun 


Kullanıcı Adı > 


Parola 


Pamla Onay 


Parolarır en ar 5 karakterden olişmeirir 
Parsle büyük fhilçük harf dıyardı 


Profil bilgilerinizi girin 


Arl 


Soyad 


e-Ponla 


Telefon 40 | Cahil | | 


Mobü Telefon *0) Lİ 


ülke TÜRKİYE ri 


Sehir ii »| 


Örnek sitede, kullanıcı kitlesinin çoğunluğuna hitap ettiği düşünülen “Türkiye” seçeneği varsayılan değer olarak verilmiş, diğer seçenekler için 
kullanıcıların seçim yapması istenmiştir. 


Referanslar 


Faydalı Kaynaklar 


nine! 


14.13. Zorunlu ve İsteğe Bağlı Veri Giriş Alanları 


İlke 


Veri giriş alanlarının doldurulmasının zorunlu mu yoksa isteğe bağlı mı olduğu açıkça belirtilmelidir. 


Açıklama 


Kullanıcıların veri giriş alanlarının zorunlu ya da isteğe bağlı olduğunu kolayca anlayabilmesi sağlanmalıdır. 


Yönergeler 
e oVerigirişalanının yanına yıldız imi (*) konulması ya da “zorunlu” kelimesinin eklenmesi tercih edilebilir. 
e (o Zorunlu veri giriş alanları sekmelerin arkasına gizlenmemeli, arka arkaya ayrı sayfalarla girilmesi gereken 
veriler “sihirbaz” yardımı ile “sonraki” ya da “devam et” düğmesine tıklanarak sürdürülmelidir. 


Örnek 


Yeni Üye Kayıt X 


| emu Eiigileri Z m a J rm Saz 


* TC Kimlik Ne 


* Ad 
* Soyaz 
“. Cinsiyet - 
” Bağum Tarı —. 
Doğum "oni 
Bob Adı 
Anne Adı 


& işarem alanının Adrian SOU 


© Sonraki 


Örnek sitede, kullanıcıların zorunlu olarak doldurması gereken alanlar yıldız imi (#) ile belirgin hale getirilmiştir. 


Referanslar 


Faydalı Kaynaklar 


15. MULTİMEDYA ELEMANLARI 


Site içerisinde kullanılan resimler, animasyonlar, videolar ve ses öğeleri doğru kullanıldıklarında, internet sitelerini 


zenginleştirmekte ve kullanıcılara iletilmek istenen mesajın daha etkin ve etkili bir şekilde verilmesine yardımcı 


olmaktadır. 


Multimedya elemanları kullanılırken, bu öğeleri kullanıcıların daha kolay anlayabilmesi için etiketlerden faydalanılması 


gerekebilir. Multimedya öğelerinin kullanıcılar tarafından anlaşılıp anlaşılmadığı ya da amacına uygun kullanılıp 


kullanılmadığı, kullanılabilirlik testleri yapılarak incelenmelidir. 


Bu bölümde; 


Animasyon Öğeleri 

Arka Plan Resmi 
Fotoğraf ve Resim Seçimi 
İkonlar 

Logolar 

Önizleme Resmi 

Resim Dosyaları 

Ses Öğeleri 

Video Öğeleri 


ilkeleri ele alınacaktır. 


S 
z 
Bİ 
z 
m 
Z 
> 
LU 
m 
m 
z 
> 
z 
20 


& 
< 
- 
z 
zi 
> 
Li 
— 
LL 
< 
o 
LI 
z 
ai 
— 
p3 


15.1. Animasyon Öğeleri 


İlke 
Animasyon öğeleri tasarlanırken amacı, kullanım sıklığı ve mekanikleri dikkatlice planlanmalı; yersiz ve fazla 
kullanımdan kaçınılmalıdır. 


Açıklama 
İnternet sitelerinde yer alan hareketli öğeler, kullanıcı dikkatini toplama konusunda gayet başarılı araçlardır. 
Animasyonların kullanım amacı genellikle sayfaya dikkat çekmek, verilmek istenen mesajların anlaşılmasına yardımcı 


olmak ve biraz da eğlence katmaktır. 


Yönergeler 
e (o Kullanıcı dikkatinin odaklanması gereken noktalar belirlenerek animasyonun amacı ortaya çıkarılmalı ve buna 
göre animasyonlar tasarlanmalıdır. 
e» o İnternet sitesinde kullanılan animasyon öğeleri, verilmek istenen mesajların kullanıcılar tarafından anlaşılması 
ve kavranması noktasında yardımcı olmalıdır. 
»e (o Animasyon öğeleri yersiz ve fazla sayıda kullanılmamalıdır. 
e Animasyonlar kullanıcıların eğitilmesi amacıyla hazırlandığında ve/veya küçük yaştaki kullanıcıların 


bilgilendirilmesi (ve ilgisinin çekilmesi) gereken durumlarda daha yüksek fayda sağlayabilir. 


Örnek 


KOK ÇOCUK KAMU $POTU 


KD ÇOCUK KAMU SPOTU 


DAHA FAZLA VIDEO 


—şğ. 
> © mio © Youlube 


Örnek sitede, 7-12 yaş çocuklara hitap eden bir kamu spot animasyonu hazırlanmıştır. Verilmek istenen mesajlar hitap ettiği kitleye uygun bir 
şekilde animasyon olarak hazırlanmıştır. 


Referanslar 
e 1S09241-151/7.2.3.1 - Selecting appropriate media objects 
e |S09241-151/7.2.3.3 - Enabling users to control tme-dependent media objects 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/animation-usability/ 
e o https://www.smashingmagazine.com/2017/01/how-functional-animation-helps-improve-user-experience/ 
e o https://conversionxl.com/blog/animation-improve-user-experience/ 


İntel 


15.2. Arka Plan Resmi 


İlke 
İnternet sitelerinde arka plan resmi kullanımından mümkün olduğunca kaçınılmalı; gerekli olduğu durumlarda ise 


sade ve desensiz resimler tercih edilmelidir. 


Açıklama 
Arka plan resimlerinin kullanımı dosya boyutunu arttırdığı, sayfa yüklenme hızını düşürdüğü ve sayfa içeriğinin 


okunmasını engellediği için tercih edilmeyen bir yöntemdir. 


Yönergeler 
e (Arka plan resmi kullanımının gerekli olduğu durumlarda küçük, sade ve düşük çözünürlükte resimler tercih 
edilmelidir. 
e (Resim üzerinde yer alan yazılarda, resim ve yazı arasında rahat okunabilirliği sağlayacak seviyede ton farkı 
(kontrast) olmasına dikkat edilmelidir. 


Örnek 


Örnek sitede, düğmeler için kullanılan arka plan resimleri yazıların okunmasını zorlaştırmaktadır. 


Referanslar 
e 1S09241-151/7.2.3.1 - Selecting appropriate media objects 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/text-over-images/ 


z 
z 
< 
> 
LU 
— 
m 
pi 
a 
LU 
z 
İŞ 
> 
> 


AAA 
15.3. Fotoğraf ve Resim Seçimi 


İlke 
Site içinde fotoğraf ya da resim kullanılması, verilmek istenen mesajın amacı ve hedef kitlesi göz önünde bulundurularak 
belirlenmelidir. 


Açıklama 

İnternet sitesinin içeriğine ve hedef kitlesine göre fotoğraf ya da resim kullanılmasına karar verilebilir. Fotoğraflar 
boyutlarından dolayı daha çok yer kaplamasına rağmen çizim resimlere göre daha anlaşılır bilgi sağlayabilir. Bununla 
birlikte, bazı durumlarda soyut ve basit çizimlerle de gerekli mesaj daha etkili bir biçimde sunulabilir. 


Yönergeler 
»e Fotoğraf ya da resim kullanılmasında, verilmek istenen mesajın amacı ve hedef kitle düşünülerek karar 
verilmelidir. 
»e (Küçük yaş grubuna hitap eden internet sitelerinde, ilgili yaş grubunun algısı düşünülerek çizim resimlerin 
kullanılması tercih edilebilir. 


Örnek 


Örnek sitede, gerçek resim ile (sağ tarafta) gösterilen ilkyardım müdahalesi daha net ve açık bilgi vermektedir. 


Referanslar 
e 1S09241-151/7.2.3.1 - Selecting appropriate media objects 


Faydalı Kaynaklar 


a0 0.85 
15.4. İkonlar 


İlke 
Sayfa içerisinde kullanılan ikonlar sade, anlaşılır ve beraber kullanıldığı öğeyi destekler nitelikte olmalıdır. 


Açıklama 

İkonlar genel olarak anlatılmak istenen konuya veya verilmek istenen mesaja görsel katkı sağlayarak yardımcı öğe 
niteliğinde kullanılmaktadırlar. İkonların tasarımında ve kullanımında, kullanıcı algısının ve beklentisinin iyi analiz 
edilmesi ciddi önem taşımaktadır. Aksi halde katkı sağlaması amacıyla kullanılan ikonlar, tam tersi etki göstererek 
kullanıcıyı zorlayan ve kullanım deneyimini olumsuz etkileyen bir öğe olmaktan öteye geçemezler. 


Yönergeler 

e İkon tasarımında kullanıcı algısı ve beklentileri dikkate alınmalıdır. 

se o İkonlar tasarlanırken açık ve anlaşılır nitelikte olmalarına dikkat edilmelidir. 

e o İkonkullanımıanlamı çok daha kolay şekilde ortaya çıkarmasının yanında, aynı ikonun farklı kullanıcı profillerinde 
farklı anlamlara gelebileceği ihtimaline dikkat edilmelidir. 

e Uluslararası kullanım potansiyeli olan internet sitelerinde uluslararası anlam farklılıklarına ayrıca dikkat 
edilmelidir. 

e Birlikte kullanıldığı öğenin anlaşılırlığına olumlu katkı sağlamalıdır. 


Örnek 
© Basın Merkezi E-Nabız Beslenme ve 
KİŞİSEL SAĞLIK KAYI Obezite 
SSTEMİ 
DETAYLI BİLGİ 
1 Bilgi Edinme DETAYU BİLGİ | 
e İSTEMİ Havanı Koru çı, Sağlık 
OkTAYU Bilki | - Turizmi 
SABİM DETAYLI MİLGİ 
v SAĞLIK RAKAMI İLETİŞİM MERKEZİ 
Örnek sitede, ikonlar gayet açık ve bağlantı metnini destekler nitelikte kullanılmıştır. 
Referanslar 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/icon-usability/ 
e o https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/ 


bele! 


15.5. Logolar 


İlke 
Kurumsal logoların, bütün sayfalarda tutarlı olacak şekilde kullanılmasına dikkat edilmelidir. 


Açıklama 
Kurum logolarının kullanılması ve tutarlı olması kullanıcıların hangi sitede olduğunu anlamasına yardımcı olacaktır. 
Kullanıcılar için internet sitesinde yer alan anlaşılması zor durumlar, kullanıcı memnuniyetini düşürecektir. 
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Yönergeler 
e oOKurum logoları, internet sitesine ait bütün sayfalarda şekil, biçim, büyüklük ve yerleşim bakımından tutarlı 
olacak şekilde kullanılmalıdır. 
e (o Genelolarak kurum logolarının sayfanın sol üst köşesinde konumlandırılması tavsiye edilmektedir. 
e (o Kurum logosunun ve diğer kurumsal kimlik öğelerinin farklı dosya formatlarında ayrıca indirilmek üzere bir alt 


sayfa yoluyla erişilebilir olması faydalıdır. Bu sayfanın güncel tutulması da önemlidir. 


Saray! ve Tetrctzi Bükanııği 


İLETİŞİM FORMU 


Örnek sitede, açılan bütün sayfalarda kurum logosunun aynı yerde ve aynı biçimde görüntülenmesi tutarlılığı sağlamaktadır. 


Referanslar 
e o |S09241-151/6.11 - Identifying the website and its owner 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/centered-logos/ 


e o https://www.nngroup.com/articles/logo-placement-brand-recall/ 


MAK 


15.6. Önizleme Resmi 


İlke 
Site içinde kullanılan resimlerin gerçek boyutunda görüntülenmesinin gerekmediği durumlarda, önizleme resmi 
(thumbnail) kullanılmalıdır. 


Açıklama 
Önizleme resimleri kullanıcılara sayfada yer alan resimlerin küçültülmüş halini sunmaktadır. Gerçek boyutlu resimler 
yüklenmeden önce önizleme resimlerinin yüklenmesi; kullanıcıların görüntülemek istemediği resimlerin yüklenmesinin 


ve dolayısıyla gereksiz beklemesinin de önüne geçecektir. 


Yönergeler 
e (o Kullanıcılara önizleme resim seçeneği verilerek, hangi resmi tam ekran görüntülemek ya da indirmek 
istediklerine karar vermeleri sağlanmalıdır. 
e (Resmi tam ekran görüntülemek ya da indirmek için önizleme resminin üzerine tıklanıp tıklanmayacağı bilgisi 
belirtilmelidir. 
e o İnternet sayfasında kullanılan önizleme resimleri, gerçek resimlerin en ve boy olarak sıkıştırılmış hali değil, 
çözünürlük olarak da küçültülmüş hali olmalıdır. 


Örnek 


"Evden Okula Haydi Anneler Spora' projesi 


Örnek sitede, minyatür resimler sıralanmış, üzerine tıklanan minyatür resmin daha büyük boyutta görüntülenmesi sağlanmıştır. 


Referanslar 
e 1S09241-151/7.2.3.1 - Selecting appropriate media objects 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/mobile-list-thumbnail/ 
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15.7. 


İlke 


İnlete 


Resim Dosyaları 


Site içinde kullanılan resim öğelerinin dosya formatları amaca uygun olacak şekilde seçilmeli, gereksiz resim 


kullanımından kaçınılmalıdır. 


Açıklama 


Resimler algısal olarak insanların kavramları veya konuları daha kolay anlamasını sağlamaktadır. Bu açıdan, resimlerin 


kullanımı önemli olmakla birlikte kullanıcıların gezinim konforunu bozacak durumlardan kaçınılmalıdır. 


Yönergeler 


Örnek 


İnternet sitelerinde resim öğelerine yer verirken içeriğin anlaşılmasını kolaylaştıracak şekilde ve gerekli sayıda 
kullanılmasına dikkat edilmelidir. 

Fazla sayıda resim kullanmanın sayfanın yüklenme hızını düşürdüğü unutulmamalı ve bu durumdan kaçınılmalıdır. 
Bitmap gibi büyük boyutlu formatlar yerine, .jpeg, .jpg, .png ya da .gif gibi daha küçük boyutlara sahip dosya 
formatları kullanılmalıdır. 


| Gk enem 


Amasya Nosalji 
Amasyadan Marızaralar 
damı tl 


Borsbey Gölü 


Amasya Kalezi ve Kral Kaya Mezorları 


Örnek sitede, resimler kategorilere ayrılmış, her kategori için temsili bir resim sayfada listelenmiş ve kategoriye ait diğer fotoğraflara bağlantı 


yoluyla ulaşılabilmesi sağlanmıştır. 


Referanslar 


ISO 9241-151 / 7.2.3.1 - Selecting appropriate media objects 


Faydalı Kaynaklar 


https://www.nngroup.com/articles/photos-as-web-content/ 
https://www.nngroup.com/articles/image-focused-design/ 
http://www.agconsult.com/en/usability-blog/use-pictures-to-direct-the-users-gaze 


15.8. Ses Öğeleri 


İlke 
Ses öğeleri, geribildirim verme ya da gerekli durumlarda konuşmaları ve varsa müzik eserlerini kullanıcılara iletmek 
amacıyla kullanılmalıdır. 


Açıklama 
Günümüz teknolojisi artık kendini seslerle ifade etmeye başlamıştır. Birçok cihazda geribildirim mekanizması olarak 
sesler kullanılmaktadır. Ekranın görüntülenmediği veya eş zamanlı işlemlerin yapıldığı esnada seslerin kullanılması 


büyük kolaylık sağlamaktadır. 


Yönergeler 
e (Eşzamanlı gerçekleşen işlemlerde, kullanıcı odağında olmayan ilerlemelerle ilgili sesli geribildirim verilmelidir. 
e (Menü öğelerinin üzerinde gezinildiği esnada her öğenin üzerine gelince veya yeni bir sayfaya girince arka planda 
sürekli olarak ses dosyası çalınmamalıdır. 


Örnek 


Ba PENDİK 60000000 Sims m 


Yahya Kemal Beyatlı 
Bayan Fitness u 


Hayırlı 
Olsun 


Biret e İRALAD 


Kullanıcı internet sitesinde yer alan sohbet penceresinde bir süre yazıştıktan sonra sayfada başka bir işlemle meşgul olmaya başlar. Kullanıcı 
odağında olmayan sohbet penceresinde, karşı tarafın yazdığı mesajlar sesli bildirim ile kullanıcıya iletilir. 


Referanslar 
e 1S09241-151/7.2.3.1 - Selecting appropriate media objects 


Faydalı Kaynaklar 
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bele! 


15.9. Video Öğeleri 


İlke 
Site içeriğinin anlaşılması ve desteklenmesi amacıyla video öğelerine yer verilmeli; kullanıcıların bu öğeleri kontrol 


etmesine imkân tanınmalıdır. 


Açıklama 
Video öğeleri kullanıcıların dikkatini çekmek ve verilmek istenen mesajı daha etkili bir biçimde kullanıcılara iletmek 
için kullanılabilmektedir. Bu öğelerin gerekli yerlerde ve uygun bir şekilde kullanımı, site içeriğinin daha anlaşılır hale 


gelmesini sağlamaktadır. 


Yönergeler 
e (Video öğeleri gereksiz ve fazla sayıda kullanılmamalıdır. 
e» o İnternet sitelerinde yer alan video öğelerinin kullanıcılar tarafından durdurulabilmesi, devam ettirilebilmesi ya 
da yeniden başlatılabilmesi imkân tanınmalıdır. 
e (o Kullanıcılar, videonun hangi saniyesinde olduklarını görebilmelidir. 
e (o Kullanıcıların birden fazla video izlemesi söz konusu ise sırada hangi video olduğu gösterilmelidir. 


KİMYA LYS / 2017 017 LYS — Mira Videoları 


. N > Fate Per Ayk, Satamadan 
yı$c slementiyis Ilgili, ğ Se Pe) © ip3 ea p 2 © vi Heri (39171X5. KİMYA) 
ien dizilim: 457 M1 e sonlanır. 

Il 4 periyot 3. grup (NB) elementidir. 

IM, p örbitallerindeki toplam sekiron sayısı p 
yargılarından hangileri doğrudur? 
A) Yalnız! B) Yalnız il GC) well 


Diil vetil 


Örnek sitede, video kullanıcılar tarafından kontrol edilebilmekte, kullanıcılar videonun hangi saniyesinde olduklarını görebilmekte ve sırada 
hangi videonun olduğu görülebilmektedir. 


Referanslar 
e 1S09241-151/7.2.3.1 - Selecting appropriate media objects 
e 1S09241-151/7.2.3.3 - Enabling users to control time-dependent media objects 


Faydalı Kaynaklar 


e o https://www.nngroup.com/articles/video-usability/ 


VNVUV 


16. ARAMA 


İnternet sitelerinin genelinde kullanıcıların anahtar kelime ya da kelimeler girerek arama yapabileceği arama alanları 
bulunmaktadır. Arama alanlarına girilen kelimeler ile eşleşen sayfaların yer aldığı sonuçlar liste halinde kullanıcılara 
sunulmaktadır. 


Arama alanları tasarlanırken sitenin içerik ve kapsamı ile birlikte hedef kitlenin ihtiyaçları ve kullanım alışkanlıkları göz 
önünde bulundurulmalıdır. Arama alanları ile farklı türde bilgilerin farklı biçimlerde aranabilmesine olanak sağlamalı, 
kullanıcıların hızlı ve doğru bir şekilde arama sonuçlarına ulaşabilmesi sağlanmalıdır. Kurum internet sitelerinde siteye 
özel bir arama motoru geliştirilmesi ya da Google, Bing veya Yandex gibi mevcut arama motorlarının entegrasyonu 
düşünülebilir. 


Bu bölümde; 

e (AramaAlanlarının Tasarımı 

e (Arama Kapsamı 

» (Arama Motoru Optimizasyonu 

e (Arama Sonuçlarının Filtrelenmesi 

e (Arama Sonuçlarının Gösterimi 

e (Arama Sonuçlarının Sayısı 

e Basitve GelişmişArama 

e» Büyükyada Küçük Harfile Arama 

» Hata Toleranslı Arama 

e (Sayfa Meta Verileri 

» o Sitelİçi Arama 

e o Sorgunun Arama Sonuçlarıyla Birlikte Gösterimi 
ilkeleri ele alınacaktır. 


İİ ntetefii 


16.1. Arama Alanlarının Tasarımı 


İlke 


Arama alanları kullanıcıların hızlı ve kolay arama yapabilmesini sağlayacak şekilde tasarlanmalıdır. 


Açıklama 

Yoğun içerikli internet sitelerinde arama kutusu en fazla kullanılan bileşenlerden birisi konumundadır. Eğer internet 
sitelerinin içerikleri iyi organize edilmemiş ise kullanıcıların arama özelliğini kullanması kaçınılmaz olmaktadır. Bu gibi 
durumlarda arama kutularının tasarımları internet sitesinin kullanılabilirlik algısında çok önemli bir rol oynamaktadır. 


Yönergeler 

e (Arama özelliğinin klavye kısa yol ve temel tuşları ile de kullanılabilmesi gerekmektedir. 

e (o Aramaalanıkullanıcıların kolaylıkla tanıyabileceği, erişebileceği ve etkileşime girebileceği şekilde tasarlanmalıdır. 

e (o Aramaalanı sayfanın sağ üst bölümüne yerleştirilmelidir. Araştırmalarda kullanıcıların arama alanını en fazla 
sayfanın sağ üst bölümünde bulmayı beklediklerini ortaya koymuştur. 

e (Arama alanının boyu çok kısa veya yazı karakteri çok küçük olmamalı, bu alana yazılan sorgular rahatlıkla 
okunabilmelidir. Tercihen 20 karakter uzunluğundaki metinleri gösterebilmelidir. 

e (o Sorgulama/aramadüğmesi kullanıcıların fare imlecini üzerine getirmekte zorlanacağı kadar küçük olmamalıdır. 

e (o Aramaalanının tasarımında aşırıya kaçılmamalı, kullanıcıların rahatlıkla tanıyabileceği sade bir tasarım tercih 
edilmelidir. 

e oAramadüğmesinin metni “Ara”, “Bul” gibi kullanıcıların bu alanı tanımasını kolaylaştıran ifadelerden seçilmeli; 
“Git”, “Gönder” gibi genel ifadelerden kaçınılmalıdır. 

»e oSadetasarlanmış bir büyüteç ikonu arama alanlarında kullanılmalıdır. Büyüteç ikonu kullanıcıların arama alanını 
tanımasında ve kolaylıkla bulmasında etkili olmaktadır. 

e o Teknik olanak elverdiği ölçüde akıllı arama (auto-suggestion) yapılmalı, kısmi veri girişi anından itibaren 
sorgulama yapılmalıdır. 


Örnek 


Gİ türniye mov tr 


€ 


8.Hizmetler Kurumlar Belediyeler Firmalar Hizli Çözüm 
arp ama taşar, ye Öseme azal didik idi seter Heiçim ögle etme rte atip ve ek Haye det sonya 
tren . verem tiye EEEAENtENee Dp errirn es? meniz bee erim 


Örnek sitede, kullanıcıların yazdıkları kelimeleri görebilecekleri büyüklükte bir arama alanı tasarlanmıştır. 


Referanslar 
» |S09241-151/8.5.2.8 - Searchfield size 
» |S09241-151/8.5.2.9 - Shortcut to search function 


Faydalı Kaynaklar 
e — https://www.smashingmagazine.com/2008/12/designing-the-holy-search-box-examples-and-best-practices/ 
e o https:(/usabilitygeek.com/10-usability-guidelines-for-the-search-interface/ 
e o https://uxplanet.org/design-a-perfect-search-box-b&baaf9599c 
e o https://studfiles.net/preview/5430969/page:29/ 


AAK 


16.2. Arama Kapsamı 


İlke 


Arama işlemi tüm siteyi kapsayacak şekilde yapılabilmeli, farklı kapsamlarda arama yapılabiliyorsa bu durum 


kullanıcılara açık bir şekilde gösterilmelidir. 


Açıklama 


Kullanıcılar, arama işleminin tüm sitede geçerli olmasını beklemektedirler. Yaptıkları arama, sitenin belirli bir 


bölümünde geçerli ise ve bu durum açıkça belirtilmedi ise kullanıcıların yanılmasına neden olabilmektedir. 


Yönergeler 


Arama fonksiyonu, internet sitesinin içerdiği bilgi ve kullanıcının öngörülen ihtiyaçlarına göre yapılandırılmalıdır. 
İnternet sitesinin belirli bölüm ya da bölümlerinde arama yapılıyorsa, bu bilgi açık ve anlaşılır bir şekilde kullanıcı 
ile paylaşılmalıdır. 

İnternet sitesinin kapsamı ve site içinde yapılan işlemler göz önünde bulundurularak gerekli durumlarda internet 
sitesinin tamamında ya da belirli bölümlerinde arama yapma seçeneğinin kullanıcıya sunulması da tavsiye 
edilmektedir. 

Belirli kapsamda arama sunulması yalnızca etkili bir şekilde tasarlanabilecekse kullanılmalıdır. Aksi takdirde 
kullanıcıların internet sitesinde aradıklarını bulamadıklarını düşünmesine ve siteyi terk etmesine neden olabilir. 
Belirli kapsamda arama sunulan internet sitelerinde arama kapsamının kolayca değiştirilebileceği açık yöntemler 
sağlanmalıdır. 

İnternet sitelerinde iki farklı arama alanı kullanılmamalıdır. Bu yöntemin sadece intranetlerde yer alan çalışan 
rehberi aramalarında faydalı olabildiği görülmüştür. 


Örnek 
(gsm nat sorgurama | 1313) 
* tum kelimeler enazbin tüm cumle 
Aranacak Yer : | Kurul Kararları Li 
Tüm Site 
Mevzuat 
ei Kurul Karalar emmi 
Toplam bulur! Yetkilandınlmış İşletmeciler 
Tüketici 
1. Bklavuzalı 
indi " T - Ki - t T . ' . er .m 
U 
U F b FDle j 
Örnek sitede, sitenin tamamında ya da belirli bölümlerinde arama yapılabilmesi sağlanmıştır. 
Referanslar 


ISO 9241-151 / 8.5.2.5 - Full text search 
ISO 9241-151 / 8.5.4.1 - Scope of a search 
ISO 9241-151 / 8.5.4.2 - Selecting the scope of a search 


Faydalı Kaynaklar 


https://www.nngroup.com/articles/scoped-search/ 


https://www.nngroup.com/articles/employee-directory-search/ 


bele! 


16.3. Arama Motoru Optimizasyonu 


İlke 


İnternet sitesinin, belirli anahtar kelimelerle arama motorlarının ilk sonuçları arasında listelenmesi sağlanmalıdır. 


ARAMA 


Açıklama 

Arama motoru optimizasyonu, internet sitelerinin daha yüksek ve kaliteli kullanıcı trafiği alabilmesine yönelik yapılan 
çalışmalarıdır. Yapılan bu çalışmalarla internet sitelerinin doğal arama sonuçlarında daha ön sıralarda yer alması 
sağlanır. Ücretsiz ve doğal trafik oluşturulabilmesi açısından gayet önemli ve etkili bir yöntemdir. Aynı zamanda, 
insanların oluşturulan içeriklere daha kolay ulaşmasını sağladığı için internet siteleri açısından kullanıcı memnuniyetini 
artıran bir durumdur. 


Arama motoru optimizasyonu ve kullanılabilirlik birbirinden çok farklı disiplinler olarak algılanmaktadır. Ancak birbirini 
çok güzel tamamlayan iki farklı alandır. Arama motoru optimizasyonu ile internet sitelerinin doğal arama sonuçlarında 
ön sıralarda çıkması ve ziyaretçi sayısının artırılması sağlanmakta; kullanılabilirlik çalışmaları ile de kullanıcıların 
internet sitelerindeki deneyimleri iyileştirilerek sitede daha fazla kalmaları garanti altına alınmaktadır. 


Yönergeler 

» o Önemli olup gizlilik niteliği olmayan içeriklerin siteye giriş (login) yapılmaksızın erişilebileceği bir yapı 
tasarlanmalıdır. Arama motorlarının kullanıcı adı ve şifresi ile sisteme girmeleri mümkün olmadığından içeriğin 
indekslenmesinin de söz konusu olmayacağı bilinmelidir. 

e (o Sadeceinternet sitesinin adı ile arama yapıldığında değil, sitenin sunduğu hizmet ve servislere yönelik anahtar 
kelimeler ile arama yapıldığında da internet sitesi sorgu sonuçlarında üst sıralarda çıkmalıdır. 

e (o Sayfa içeriğini en iyi tanımlayan başlık, “title” etiketi içine yazılmalıdır. 

e (o Sayfa özeti / kısa açıklaması, “description” meta verisi ile belirtilmelidir. Bu veri, sayfanın arama sonuçlarında 
üst sıralarda çıkmasında etkili olmamakla birlikte; kullanıcıların arama sonuçlarında internet sitesini tıklamayı 
tercih etmesi açısından gayet önemlidir. 

e (URL isimlendirmelerinde sayfayı en iyi tanımlayan sayfa başlığı kullanılmalı ya da sayfanın verdiği mesajı 
kaybetmeden arama sonuçlarında üst sıralarda çıkmayı sağlayacak ifadelere yer verilmelidir. 

e (Arama sonuçlarında üst sıralarda yer alabilmek için nitelikli diğer siteler tarafından referans gösterilmek çok 
önemlidir. Nitelikli referans alabilmek için ise kaliteli içeriklere sahip olunması gerekir. İçerikler, kullanıcı 
ihtiyacına yönelik ve kolay anlaşılır yapıda hazırlanmalıdır. 

e (Bağlantı isimlendirmelerinde, kısa ve bağlantı verilen sayfayı anlatan ifadelere yer verilmelidir. 

»e Bağlantı verilmiş görseller için “alt” etiketi ile arama motorlarının anlayabileceği metin karşılığı mutlaka 
yazılmalıdır. 

» o Site içi bağlantılarda, bağlantı metni için kısa ve tanımlayıcı ifadeler kullanılmalıdır. İnternet sayfalarında site içi 
bağlantılara yer verilmesi; kullanıcıların site içerisinde daha kolay gezinmeleri, bilgi mimarisinin oluşturulması 
ve diğer sitelerden daha fazla referans verilmesi gibi konularda katkı sağlayacaktır. 

e (o Arama motoru optimizasyonu yapılarak sayfalar sürekli yapılandırılmalı ve aktifliği korunmalıdır. 

e» o İnternet sitesi performans açısından optimize edilmelidir. Arama motorları açısından sayfa performansı da 
önemli kriterler arasındadır. 

e o Aramameotorlarının algoritmalarında düzenli olarak güncelleme yapılması nedeniyle belirli periyodlarla durum 


kontrol edilmeli, ilgili verilerde de güncelleme yapılmalıdır. 


Örnek 
Google kes LE a 


Web Videvial Habarlei Görssellei Dahs fazla » Atama araçlar 


Yaklaşık 1 110.000 sonuç bulurdu (0,17 söruye) 


2012-KPDS - ÖSYM:::TG Ölçme, Seçme ve Yerleştirme ... 
www osym gov tr/delge/1-127305/2012Znli htm » 

Arşvi - Kamu Personeli Yabancı Dil Bilgisi Seviye Tespit Sınam (KPDS) 7117 Yal 
2012 Yılı 2012 XP0S İlkbahar Dönemi » 2012-KPDS Sonbahar Dönemi 


2012-KPDS İlkbahar Dönemi Soru Kitapçıkları ve ... - Ösym 

www osym goytr! /2012-kpds-iikbahar-donemi-son-Ktaptıklarnnee 

2012-KP0S İLKBAHAR DÖNEMİ SORU KİTAPÇIKLARI VE YANITLARI, SINAV TARİHİ 
20 04 2012 Almanca Testi ve Cevap Anahtar « Arapça Testi ve Csvap 


KPDS ile ilgili Sorular - OSYM:::TC Ölçme, Seçme ve... 

wen osym gov irfbelge!1-7872ikpds-'e-İgili-sorular html » 

Smav'tarhi, ilgili dönemin KPDS Kılamızunda, basın-yayın organları ve Merkezimizin 
intemet-sayfasındakı basın duyuruları ile iigililere duyurulmaktadıı 


Örnek resimde, arama yapılan kelime ile ilgili internet sitesi, sorgu sonuçları arasında ilk sıralarda gösterilmektedir. 


Referanslar 
e o |S09241-151/6.11 - Identifying the website and its owner 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/seo-and-usability/ 


YAAA 
16.4. Arama Sonuçlarının Filtrelenmesi 


İlke 


Kullanıcıların arama sonuçlarının kapsamını filtreleyerek değiştirebilmesi sağlanmalıdır. 


Açıklama 

Filtreler yüksek miktarda verinin süzülerek / daraltılarak aranan kelime ile daha alakalı sonuçlar elde edilmesini 
sağlamaktadır. İçerikler genellikle tarih, popülerlik, alfabetik sıralama gibi kriterler açısından filtrelenebilmektedir. 
Bununla birlikte internet sitesinin yapısına ve içeriğine göre çok farklı filtreler uygulanabilmektedir. 


Yönergeler 

e o Sıralamaya da filtreleme seçenekleri, arama sonuçlarında yer alan içeriğin tarihi, arama yapılan kelimelerle 
alakalı olması, içeriğin ziyaret edilme sıklığı ya da başlıkların alfabetik sıralaması göz önünde bulundurularak 
sunulabilir. 

e (Arama sonuçlarının fazla sayıda ve detaylı olduğu durumlarda, kullanıcılara arama sonuçları içinde yeni bir 
arama yapabilme seçeneği sunulabilir. 

e (o Kullanıcıların arama sonuçları içinde arama yapılabildiği bilgisi anlaşılır biçimde ifade edilmeli ve görsel olarak 
belirgin hale getirilmelidir. 

»e (Kategoriye özel filtreleme seçenekleri sunulabilir. 

e Filtreler tek parametre seçimi ile kısıtlanmamalı, çoklu parametre seçimine imkân tanımalıdır. 

e o Filtrede yer alan parametrelerin isimlendirilmesinde gerçek dünyada kullanılan ifadelerin seçilmesine dikkat 
edilmelidir. 

e  Filtrelemeayarları, kullanıcı alışkanlıkları düşünüldüğünde tercihen sol kenar çubuğunda gösterilebilir. 

e Kullanıcılar filtreleme parametrelerini seçtikten sonra toplu olarak uygulayabilmelidir. Her parametre 
değişiminde sayfanın yenilenmesi kullanıcıları rahatsız edebilmektedir. 

e Filtreleme gerçekleştirildiği zaman, kullanıcı alışkanlıklarına ve ihtiyacına göre, sayfa yeni sonuçların yüklendiği 
alana kaydırılabilir. 

e Filtreleme uygulandıktan sonra yeni sonuçlar yüklenene kadar ekran hafif karartılarak yükleme göstergesi 
görüntülenebilir. Yeni sonuçların ekranda hiçbir değişim olmadan yüklenmesi kullanıcıların dikkatinden 
kaçabilmektedir. 

e Sonuçlar üzerinde uygulanmış filtreler kullanıcılar tarafından kolaylıkla bulunabilecek bir pozisyonda 
konumlandırılmalıdır. 

e o Sonuçlar üzerinde uygulanmış filtreler kolaylıkla değiştirilebilmeli veya kaldırılabilmelidir. 

e (o Sonuçlarüzerinde uygulanmışfiltreler ya orijinal filtre öğesi üzerinde görülebilmeli veya sayfanın üst bölümünde 
toplu olarak görüntülenmelidir. 

» (o Önemlifiltreler sonuç listesinin üzerinde gösterilebilir. 

e (o Farklı filtreler uygulanmış sayfaların tarayıcı geçmişinde yer alması ve kullanıcıların daha önce uyguladığı 
filtrelere erişebilmesi sağlanmalıdır. 


Örnek 


Referanslar 


Aranan Kelime | hizmet dökümü | Tüm Sonuçlar v || Sık Kullanıma Göre | Ara | 
Sık Kullanıma Göre 
- Açılış Zamanına Göre 
© Adalet Bakanlığı / Mahkeme Dava Dosyası Sorgulama Başlığa Göre 
Adalet Bakanlığı Mahkeme Dava Dosyası Sorgulama hizmetini kullanarak, adınıza açi İlgisine Göre rınızın 


içeriklerini sorgulayabilirsiniz. 
https://www.turkiye.gov.tr/davalarim 


© Sosyal Güvenlik Kurumu / 4A Hizmet Dökümü 
Bu hizmet ile 4A güvencesine sahip kişiler , hizmet dökümlerini görüntüleyebilir, çıktısını alabilrler. 
https://www. turkiye.gov.tr /4a-hizmet-dokumu 


© Emniyet Genel Müdürlüğü / Araç Sorgulama 

Bu hizmetile, bir araca ait plaka numarasını girerek, araç hakkında Emniyet Genel Müdürlüğü sistemlerinde kayıtlı olan 
genel bilgilere ulaşabilirsiniz. 

https://www. turkiye.gov.tr/arac-sorgulama 


© Gelir İdaresi Başkanlığı / Vergi Borcu Sorgulama 
Bu hizmeti kullanarak Gelir İdaresi Başkanlığı bünyesinde bulunan borç bilgileriniz görüntüleyebilirsiniz. 
vw. turkiye.gov.tr /gib-vergi-borcu-sorgu 


Örnek sitede, arama sonuçlarının farklı kriterlere göre filtrelenebilmesi sağlanmıştır. 


e 1S09241-151/8.5.3.4 - Sorting or filtering search results 
e 1S09241-151 /8.5.5.3 - Refining searches 


Faydalı Kaynaklar 


e o https://www.nngroup.com/articles/applying-filters/ 


e o https://baymard.com/blog/how-to-design-applied-filters 


e o https://baymard.com/blog/macys-filtering-experience 
e ohitps://studfiles.net/preview/5430969/page:29/ 


AVARA 
16.5. Arama Sonuçlarının Gösterimi 


İlke 
Arama sonuçları kullanıcılara anlamlı gelecek şekilde ve alaka düzeyine göre sıralanarak gösterilmelidir. 


Açıklama 

Aramalar bir nevi kullanıcılar ile internet siteleri arasında gerçekleşen konuşmalardır. Kullanıcılar isteklerini / 
ihtiyaçlarını sorgu cümlecikleri ile ifade ederler. İnternet siteleri ise sonuçların olduğu bir sayfa ile kullanıcılara cevap 
verir. Sonuç sayfası genel arama deneyiminin önemli bir parçasıdır. Kullanıcı ihtiyaçlarına yönelik iyi tasarlanan bir 


sonuç sayfası, kullanıcı memnuniyetini de artıracaktır. 


Yönergeler 

e oOAramasonuç sayfasında eşleşen kayıtların doğru ve sorgu ile alaka düzeyinin yüksek olmasına dikkat edilmelidir. 

e (o Kullanıcının sorgusu arama yapıldıktan sonra silinmemelidir. 

e (Arama sonuç sayfasında yanlış yazılan ifadeler için yazım düzeltme önerilerine yer verilmelidir. 

e (o Kullanıcılara arama sonuçlarının sayısı gösterilmelidir. 

e (o Kullanıcıların en son yaptığı sorgulamaların listesi gösterilebilir. 

e (Arama sonuçları ayrı bir sayfada gösterilecekse, kullanıcıların aynı site içinde kaldıklarını anlayabilmeleri 
sağlanmalıdır. 

e (o Aramasonuçlarının ilk sayfası en iyi şekilde optimize edilmeli, yaygın sorgulamalar için kullanıcı ihtiyacını en iyi 
karşılayacak sayfa sunulmalıdır. Kullanıcıların arama sonuçlarının ikinci sayfasına neredeyse hiç bakmadıkları 
dikkate alınmalıdır. 

e (“Sonuç Bulunamadı” sayfasında kullanıcılara arama yaptığı sorgu cümleciğinin dolu olduğu arama kutusu, 
benzer sorgulama önerileri ve yazım düzeltme önerileri sunulmalıdır. 

e o Arama sonuçlarının hangi kriterlere (tarih, uygunluk, başlık vb.) göre listelendiği ve varsa arama sonuçlarını 
filtreleme seçenekleri açıkça belirtilmelidir. 

e» o İnternet sayfasının içeriği göz önünde bulundurularak, kullanıcıların arama sonuçlarını daraltabilmesi ya da 
detaylandırabilmesi seçeneği sunulmalıdır. 

e (o Arama sonuçları hemen gösterilmeli, mümkünse arama alanının hemen altına yerleştirilerek kullanıcının ikinci 
bir tıklama yapması başlangıçta engellenmelidir. Çünkü kullanıcı sonucu değerlendirdikten sonra beğenmeyip 
yeniden bir başka arama kelimesi girebilme şansına kolayca sahip olacaktır. 

e (Arama sonuçlarında çok fazla parametrik değer ortaya çıkıyorsa kullanıcıya bu sayının filtre ile düşürülmesi 


yönünde öneri sunulabilir. 


Örnek 


Ara Sayfa » Site İçi Arama 


1004414 ba ken 


Sir Genterm 


BÜYÜN MAÇAMA 8 MOKMOYA Siz 


bezi Beya iy Ba git Na gi Eyai Arka Mepa Vek bye 7 gen Gn tasin DEMİ kapı öper Ger AŞ 
baysarelran kanrey in Göymen Kr eya team ediy 


Hastsaysam m Ego Baleiimnri 


BAAZARI VU MEM OİL) AL AYRAN Ver Cİ ULAZIRIRNA, İNLEMELİ GE TMZML İML EKLE MAŞ SL ee YA TAA MPİ paz bep fee 
BÖLGEYE ÜLMETEİ! OTOBUS SEPEKLEİ VÜZEMLİYDE 


BÜYÜK ANKARA SİKİNE ÜCRETSİZ OTOBÜS SEFEİLER 
Böyümyek e enkei e bae geriliği Böyük arama Üreritene meze bayhedlere v8 97 ve sakral dayali sean çen data ven selena düzenleri 
İN 0 öy ye ley Be KA 


MONA Bye v4 AZ gür 


E MAĞDURU. MADMDD SEZTEML AMİ CEP TELEFOMLARINA BRDRİLERR EN UP DLARAINLA SAŞMENM LER İLE KENTE GELEN 
KONUKLARA TUK KOR AVLU SAĞLA EŞİ MERA TET YEMİ YG AMASYA GTO DURANLARI HARLI SAAT Rİ GARA ELİ ERME 
.. 

MUHTEŞEM SİRK SÖLENCESİ DEVAM EDİYO 


Brain Böyük, ba dara mary “zy örn & Vakara Seki baka verdarni getme math 


METO HAREKET SAATLERİNDE DÜZENLENE 


dr İK Neda vey Hp ve sata ğadayna Çi yalar salar apn Sazataşi garda bE5ar08 ÜNİ ERİN yes 
düzme yapi 


Böyük Amira Sira! Baytan 3 Günü Başimer 
Örnek sitede, anahtar kelimelerle eşleşen uygun arama sonuçları gösterilmemektedir. 


Referanslar 
e |S09241-151/8.5.3.1 - Ordering of search results 
e 1S09241-151 /8.5.3.2 - Relevance-based ranking of search results 
e 1S09241-151 /8.5.3.3 - Descriptiveness of results 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/search-visible-and-simple/ 
e o https://www.nngroup.com/articles/search-no-results-serp/ 


e o https://uxplanet.org/best-practices-for-search-results-1bbed9d7a311 


AAA 


16.6. Arama Sonuçlarının Sayısı 


İlke 
Arama sonuçlarının toplam sayısı, sonuçların görüntülendiği sayfada yer almalıdır. 


Açıklama 

Sorgulanan anahtar kelimelere göre arama sonuçlarının hacmi çok farklı olabilmektedir. Arama sonuçlarının sayısı, 
kullanıcılar açısından sonuç sayfasında gösterilmesi gereken önemli bilgilerden biridir. Bu bilgiye göre kullanıcılar 
sonuç sayfasında ne kadar zaman harcayacaklarına karar verebilirler. Aynı zamanda, arama sonuçlarının sayfalara 
bölünmesi, kullanıcıların listelenen sonuçları daha hızlı ve kolay inceleyebilmesine yardımcı olacaktır. 


Yönergeler 

e» o İnternet sitelerinde arama sonuçları gösterilirken, toplam sonuç sayısı ve her sayfada kaç sonuç görüntülendiği 
belirtilmelidir. 

e (o Aramasonuç sayfaları çok fazla sonuç listelediği takdirde tarayıcının yukarı aşağı kaydırabilme özelliği göz önüne 
alınarak 4 ya da 5 ekran boyu kadar düşey eksende uzatılması, ayrı ayrı sayfa sayısının artırılmasına oranla tercih 
edilmelidir. 

e (Büyük kapsamlı aramalarda kapsamın daraltılmasına imkân tanınmalı ve aşamalı arama iyileştirme özelliği 
desteklenmelidir. 

e Fazla sayıda sonucun döndürüldüğü aramalarda, arama sonuçları eşit sayfalara bölünerek gösterilmeli, 
kullanıcılara sayfalar arasında gezinme imkânı verilmeli, kullanıcıya arama kapsamını daraltıcı filtre olanağı 


olduğu ifade edilmelidir. 


Örnek Site İçi Arama 


vüksek lisans DAŞMrusu ı (a » 


3410 sereni AE sere yalama UÇUM Reteimez 


14 05 13 Unverma Senatosu Katana; 

Dünya Biğimi POF1AMOZ6 Adionat 

1 Şub 2014... Öze öğrenc büşvuruları 30 Eyl 2013 04 Exim 2013 Program o Yüksek Lisans ten'sarei 
çalışı önerilerin Ensttyye 07 Şubat 2014 


1107.13 Üryermiis Senatosu Karura 

İbyaşa Beçin POFWed ee Acrosni 

1 Tam 2011... Ta Famakayınzi Farnak oğuz: Yüksek Lisans  İank öğrenimi yörmük üzeri başei uda 
Sılunan adaylara uygulanacak Ozal Yatarak 


0 


13 Ünivesilis Sermaladu Kararları 

Bayra Biçimi POFADZe Acıodat 

74 May 2013... Mimtde 14 Adylar sina söruçlarm böyvuru sissrrdn sidir yöreye öğretirler. 0 
Eğitim Biimleri Eğitimde Ölçme ve Yüksek Üsene 


0205 12 Üniversils Senatosu Kurulan 
Ein POFMANDLE Acıoiai 

Lisarnsüsu programlara başvuruların kabul edibmezi, 17 Hazan 1305 Oo Yüksek Lisama woyamma 

baprruların Katıl atiimau 13 Ocak 2014 4 Ocak 204 


HU Sosyal Bilmler Enstitüsü Uzaktarı Eğitim Tszsız Yüksek Lisans ... 

Utya Ekimi POR Adese Arro3si 

Eğitim Tezsiz Yesek Lisans Yönergesi hakkinin Enstitü Yönelim Kun run Kenterienler YETYL 
Froğramlarnn Başı. Öğre Kapu ve Kayit 


Mizila's isini! 


Örnek sitede, arama sonuçlarının sayısı ve kaç sayfadan oluştuğu gösterilmiştir. 


Referanslar 
e |S09241-151/8.5.4.3 - Providing feedback on the volume of the search result 
e 1S09241-151/8.5.4.4 - Handling large result sets 


Faydalı Kaynaklar 
e o hitps://uxplanet.org/best-practices-for-search-results-1bbed?d7a311 


AAA 


16.7. Basit ve Gelişmiş Arama 


İlke 


Arama alanları, arama kriterleri daraltılarak daha detaylı arama yapılmasına imkân tanımalıdır. 


Açıklama 

Bazı kullanıcılar basit arama tekniklerini kullanarak arama yapmayı tercih ederken, bazı kullanıcılar ise gelişmiş arama 
tekniklerini kullanmak isteyebilirler. Bu nedenle, internet sitelerindeki arama özelliği, hem basit hem de detaylı arama 
yapmak isteyen kullanıcılara yönelik tasarlanmalıdır. 


Yönergeler 

e (o Gelişmişaramaalanları varsayılan olarak kullanıcılara sunulmamalıdır. 

e» o İnternet sitelerinde gelişmiş arama özelliklerine çok fazla içeriğin bulunduğu ve navigasyon öğelerinin yetersiz 
kaldığı durumlarda yer verilmelidir. 

e (o Gelişmişarama sayfasında, arama kriterlerinin açıklamasına ve kullanım talimatlarına yer verilmelidir. 

e (o Gelişmişarama sayfasında zorunlu ve tercihe bağlı alanlar açık bir şekilde belirtilmelidir. 

e» o İnternet sitelerinde yer alan arama alanlarında farklı arama teknikleri kullanılıyorsa, bu bilgi kullanıcılar ile 
paylaşılmalıdır. 

e (o Kullanıcıların yazdıkları anahtar kelimelerle doğru aramayı nasıl yapabilecekleri sade ve anlaşılır bir dille 
anlatılmalıdır. 


Örnek 


| Hek kreme Betaş Arar Sette Aranız 
hizyi Yasan İlter ie Ban 


& Girdiğim Gb Gemisi Heç Kaiser Herhangi Sir 


Ü İnsin üririz den in Aklar etiz Osm 


Hida Tari Tante Olkzte Amın 


İhale Yasa Kapsar ATA Kapsamında 


İhie Na Xd — 


İMA per S2 . 


2569'0 


Gövenlik Kodu 


Örnek sitede, sitenin amacı göz önünde bulundurularak kullanıcıların farklı kriterlerle daha detaylı arama yapabilecekleri arama 
seçenekleri sunulmuştur. 


Referanslar 
e o|S09241-151/8.5.2.3 - Providinga simple search function 
e |1S09241-151/8.5.2.4 - Advanced search 
e |S09241-151/8.5.2.6 - Describing the search technigue used 


Faydalı Kaynaklar 


İntel 


16.8. Büyük ya da Küçük Harf ile Arama 


İlke 
Aramalar büyük-küçük harf duyarlı olmamalıdır. 


Açıklama 
Kullanıcılar genellikle arama yaparken büyük ya da küçük harf kullanımına önem vermezler. Bundan dolayı birçok 
internet sitesinde arama alanı büyük-küçük harf duyarlı olmayacak şekilde kullanıcılara sunulmaktadır. 


Yönergeler 
»e Büyük ya da küçük harf kullanımının önemli ve ayırt edici olduğu durumlarda kullanıcılar bu konuda 
bilgilendirilmelidir. 
e (o Türk Alfabesinde kullanılan küçük “1” ve büyük “İ” harfleri dikkate alınmalı ve büyük küçük harf dönüşümlerinde 


harf kodunun değiştiği unutulmamalı, bununla ilgili teknik önlemin alınmış olmasına dikkat edilmelidir. 


Örnek sitede, küçük ya da büyük harfle yazılan anahtar kelimeler ile aynı arama sonuçlarına ulaşılabilmekte, kullanıcıların hızlı ve doğru 


arama yapması kolaylaştırılmaktadır. 


Referanslar 


Faydalı Kaynaklar 


AAA 


16.9. Hata Toleranslı Arama 


İlke 
İnternet sitelerinde hata toleranslı arama yapılabilmeli, uygun sonucun bulunamadığı aramalarda kullanıcılara arama 
ile ilgili öneriler verilmelidir. 


Açıklama 

Kullanıcı genellikle aradığı öğelerin sitede bulunduğu varsayımı ile arama yapar. Bazı nadir durumlarda kaydın 
bulunmaması hedefi ile arama gerçekleştirilir (Örn. Sabıka kaydı vb.). Arama sonucunda verilen mesajlar ve içerik bu 
durum göz önünde bulundurularak düzenlenir. Kullanıcılar arama yapmak istedikleri anahtar kelimeleri dilbilgisi ve 
imla kurallarına dikkat etmeden, eksik ya da hatalı olarak yazabilirler. Bu gibi durumlarda eksik ya da hatalı girilen 
kelimelere ait arama sonuçları gösterilirken, doğru kelime ile tekrar arama yapılması da önerilebilir. 


Yönergeler 

e (Yaygın olarak karıştırılan ya da yanlış bilinen kelimelere yönelik "... ile tekrar arama yapabilirsiniz.” gibi 
yönlendirmelere yer verilmesi tavsiye edilmektedir. 

e o Akılı arama lauto-suggestion) yöntemi ile yanlış yazılan kelimelerin doğru halleri, alternatifi bulunan kelimeler 
veya farklı şekilde ifade edilebilen içerikler, hizmetler önerilebilir. (Örn. “4A Döküm” için “SGK Hizmet 
Dökümü”nün önerilmesi vb.) 

e (“Sonuç Bulunamadı” sayfasında kullanıcılara arama yaptığı sorgu cümleciğinin dolu olduğu arama kutusu, 
benzer sorgulama önerileri ve yazım düzeltme önerileri sunulmalıdır. 


Örnek 
OUT Hakkımla Akademik HMilgikit Öğrenci İşeri Servisi Yorloçkude Yaşam Araştımıa hday Ögel 
Arama A) Alfa) 
Eoğish 


Yaklaşık VA2 çornç (0 24 nahiyo 


Yazım düzeltmiş şu sorgu tpn sonuçları görüyorsunuz. grozyon 
Yine de grdiğmz şu sorguyu mu aramak ısiiyorsunuz? erzyon 


Orman Bakım Ve Ağaçlandırma Çalışmalar 
Çikt srlamdn erozyon ie baştısşa olen Tüm arazi, öğaçismirms çalışmalan başlatılmadan dos aç yükselti eğnisms yöre 172 173,114 
Symiarde 


acom metu cdu buman bizle. agazlandıma.cakı maları 


OT , ç m 


Mevcut erozyonu engelemek için arazinirı 9575 inin dikim yolu ile ağaçlandınmazı gerekliliği ortaya çıkınca 7 Temmuz 1958 ianhinde 1â0 dekarlık 
Br alanda 
om metu edu Daİhce 


Tasanm ve Üretim - Makına Möhendiskği Bölümü ©DTU 
Boyutsal Metmlaji Labarahyar; Elektra Erazyon İabarahıuarr Mane Tazanm Lanaratunan' Makina Elamanlan Laboratuvan: Takım Tazgahi ve 
Otomasyon 


WwNİ, me.metu.eöu himaririresesıch'manulaciurng 520 


Örnek sitede, yazım hatası yapılan arama ile ilgili öneri yapılmakta ve kelimenin doğru yazımına yönelik arama sonuçları gösterilmektedir. 


Referanslar 
e |S09241-151/8.5.2.10 - Error-tolerant search 
e |S09241-151/8.5.5.1 - Giving advice for unsuccessful searches 


Faydalı Kaynaklar 


nine 


16.10. Sayfa Meta Verileri 


İlke 
İnternet sitelerinde asgari olarak “Tanım (Description)”, “Anahtar Kelime (Keyword)” ve “Yazar (Author)” üst verilerine 


yer verilmelidir. 


Açıklama 
Meta veri (Metadata) bir veriyi tanımlayan/anlatan bilgilerdir. Kısaca, veri hakkında veri olarak ifade edilebilmektedir. 
İnternet sayfalarında kullanılan meta verileri sayfalar üzerinde görüntülenmez. Bu veriler tarayıcılar, arama motorları 


ve diğer web servisleri tarafından kullanılır. 


Yönergeler 

e» İçerik türü ve karakter setini belirleyen “content-type” meta verisi kullanılarak dil karakterlerinin düzgün 
görüntülenmesi sağlanmalıdır. 

e Herne kadar meta etiketi ile tanımlanmasa da sayfa başlığının yazıldığı “title” etiketi dikkatlice belirlenmelidir. 
Bu veri arama motorları açısından çok önemlidir. 

e (o Sayfa kısa açıklamasının yazdığı “description” meta verisi sayfa içeriğini en iyi şekilde yansıtmalıdır. Bu verinin 
arama motoru sıralamasında etkisi olmasa da, kullanıcıların arama sonuçlarından site bağlantısını tıklamayı 
tercih etmesinde büyük önem taşımaktadır. 

e Mobil cihazinternet kullanımının yaygınlaştığı günümüzde, kullanıcılara kötü bir mobil deneyim yaşatılmaması 
için HTML5 ile tanıtılan “viewport” meta verisi kullanılmalıdır. 

e (o Sayfa içeriği ile ilgili anahtar kelimelerin tanımlandığı “keywords” meta verisi günümüzde arama motorları 
açısından eskiden olduğu kadar önemli değildir. Ancak hazır sistemler kullanılıyor ve bu sözcükler otomatik 
olarak üretilebiliyorsa tercih edilebilir. 

e (o Sayfa içerisinde kilinklerin arama motorları tarafından indekslenmesi veya takip edilmesi / edilmemesi önemli 
görülüyorsa, “'robots” meta verisi kullanılmalıdır. 

e» o İnternet sitesi birden fazla dilde içerik sunuyor ise ana dili belirtmek için “language” meta verisi kullanılmalıdır. 

»e (o Çeşitlidiğer benzer tema veya sitelerden kod transferi ve yeniden kullanım yapılarak geliştirilen sayfalarda meta 
bölümleri unutulmadan değiştirilmelidir. 


Örnek 
Y<head 
title 
Ana Sayfa - T.C. Kültür ve Turizm Bakanlığı 
/title 
meta name-"description” content-"Türkiye Cumhuriyeti Kültür ve Turizm Bakanlığı Resmi İnternet Sitesi 
meta name-"viewport" content-"width-device-width, initial-scale-1.0, maximum-scale-1.8, user-scalable-0 
meta charset-“utf-8” 
Örnekte, önemli meta verilerinin kullanıldığı görülebiliyor. 
Referanslar 


e o|S09241-151/ 6.11 - Identifying the website and its owner 


Faydalı Kaynaklar 


e o https://moz.com/blog/seo-meta-tags 


ein 


16.11. Site İçi Arama 


İlke 
Kullanıcılara site içinde arama yapabilecekleri arama alanları sunulmalı, bu alanların internet sitesinin hangi bölüm ya 
da bölümleri içinde arama yaptığı belirtilmelidir. 


Açıklama 

Arama alanları büyük çaplı internet siteleri için özellikle daha önemlidir. Site içerisinde navigasyonu İ(gezinimi) ve 
içeriğe erişimi kolaylaştıran önemli unsurlardandır. Kullanıcılar çoğu zaman arama alanına girilen anahtar kelimeler 
ile sitenin tamamı içerisinde arama yapabileceklerini düşünürler. Kullanıcılar navigasyon öğelerinden aradıkları sayfaya 
erişemedikleri zaman arama alanlarını kurtarıcı olarak kullanırlar. 


Yönergeler 

e (o Kullanıcılararamaalanını bulunduğu sayfadan kullanabilmeli, bunun için fazladan tıklamaya ihtiyaç duymamalıdır. 

e Arama alanının kolayca bulunabilmesi için büyüteç ikonu en basit hali ile kullanılmalıdır. Büyüteç ikonu 
kullanıcıların en iyi tanıdığı birkaç ikondan biridir. 

e oOArama alanı sayfanın sağ üst bölümüne yerleştirilmelidir. Bu alan kullanıcıların arama kutusunu bulmayı 
bekledikleri ilk yerdir. 

e (Arama kutusunun yanında arama düğmesine de yer verilmelidir. Arama işlemi klavyeden “Enter” tuşuna 
basılarak da yapılabildiği halde, bazı kullanıcılar bu alanda hala bir arama düğmesini görmeyi beklemektedir. 

e (o Kullanıcıların uzun arama sorguları kullanabileceği dikkate alınarak arama alanının boyu uygun tutulmalıdır. 
Araştırmaya göre, arama kutusunun boyu 27 karakter tutulduğu zaman sorguların 9090'ı bu alanda tüm kelimeleri 
ile görüntülenebiliyor. 

e oAramaalanlarıile internet sitesinin tamamında arama yapılabilmeli, eğer sitenin sadece belirli bir bölümünde 
arama yapılıyorsa, kullanıcılara bu bilgi açık ve anlaşılır bir biçimde verilmelidir. 

e» o İnternet sitesinin amaç ve kapsamına göre arama alanları tasarlanmalı, kullanıcıların ihtiyaç ve alışkanlıklarına 
göre basit ya da gelişmiş arama gibi farklı seçenekler sunulmalıdır. 

e (o Arama sonuçlarında eş anlamlılar ve kısmi eşleşmeler de dikkate alınmalıdır. 

e o Kullanıcılar arama kutusuna yazdıkları esnada bu alanın hemen altında akıllı arama (auto-suggestion) 
mekanizması kullanılmalıdır. 

e oÇokfazlaaranan ifadeler için sonuçların iyileştirilmesine yönelik özel çalışma yapılabilir. 

e (oHatalıyazılan kelimelerin doğru ele alınmasına yönelik çalışma yapılabilir. 

e Arama sonuçlarında çok etkili ve ayırıcı özellikte olmayan edat, bağlaç ve diğer kelimeler (ama, için, ve, veya, vb.), 
arama işleminde dikkate alınmamalıdır. 

e» o İnternet sitesine ait bütün sayfalardan arama alanına ulaşılabilmesi sağlanmalıdır. Kullanıcılar arama yapmak 
istediklerinde sürekli olarak ana sayfaya dönmek zorunda bırakılmamalıdır. Ancak, yapılan işlem adımı ya da 
görüntülenen sayfa içeriği arama yapmayı gerektirmiyorsa, bu sayfalar istisna olarak kabul edilebilir 

e oArama yapan kullanıcının sitede aradığı kelimeyi ya da kelimeleri bulmayı hedeflediği varsayımına göre plan 
yapılmalıdır. Arama başarısız olduğunda kullanıcıya yol gösterilmeli, yaptığı görev ve aranan öğeler tekrar 
gösterilmelidir. Birçok durumda klavye hatası nedeniyle yanlış girilen öğeler, “arama başarısız ekranında” 
gösterilmek suretiyle fark edilebilir ve kullanıcı tarafından düzeltilebilir. 

e (o Arama sonuçları birden çok olma durumunda listelenmelidir. 


Örnek 


) 


(€ “ türkiye.gov.tr 3 » de nasil yardım edebilir 


2 k Aranır Kema ardına 
“ Arams Kımısuna bir şah 


imi git Sorgnfer girerek sgh Sk Kullanıma Göre o o» 


Toplam 114 kayıt bulunmuştur. 


Kınum Portalları (171 


Belediye Mumeeri (0) 


© Sosyal Güvenlik KurumuzAA Hizmet Dökümü 


en Sunduğu m ENT 

Kürüm Adında Ari (0) © Sonyal Güvenik Kununu/Mik Tesmi ve Hizmet Dokumu 
Beledi yaz Addrrla Araf0) PAD SA BL Kiye ŞOV 07 SEK ESC VE NİSMEE DOKUMU 

içerikler i0i > Sosyal Güvenlik Kurumu/dvaB işgöremezlik Ödemesi Güre 


DI Live zorl” db-sgüremezik oemesi- göle 
Örnek sitede, kullanıcıların site içerisinde arama yapabileceğini belirten bir arama alanına yer verilmiştir. Ayrıca arama yapılan alanın sitenin 
hangi bölüm ya da bölümleri içinde arandığı açık bir şekilde gösterilmiştir. 


Referanslar 
e |S09241-151/8.5.2.1 - Providinga search function 
»e 1S09241-151/8.5.2.2 - Providing appropriate search functions 
e |S09241-151/8.5.2.7 - Availability of search 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/search-visible-and-simple/ 
e o https://www.nngroup.comy/articles/internal-website-search/ 
e o http//www.uxbooth.com/articles/best-practices-for-search/ 
»e o https://www.smashingmagazine.com/2009/09/10-useful-usability-findings-and-guidelines/#6-the-ideal- 


search-box-is-27-characters-wide 
e o https://studfiles.net/preview/5430969/page:29/ 


 aİnlefii 


16.12. Sorgunun Arama Sonuçlarıyla Birlikte Gösterimi 


İlke 
Arama alanlarına yazılan anahtar kelimeler, arama sonuçlarının listelendiği sayfada da gösterilmelidir. 


Açıklama 

Kullanıcılar aramak istedikleri anahtar kelimeleri bazen yanlış yazabilmekte veya sonuç sayfasında aradığını bulamayan 
kullanıcılar yeni bir sorgulama yapmak isteyebilmektedir. Yanlış yazılan sorguların görülerek düzeltilebilmesi ve yeni bir 
sorgulama yapılabilmesi için arama alanının ve sorgulanan anahtar kelimelerin arama sonuçlarının listelendiği sayfada 
yer alması gerekmektedir. 


Yönergeler 
e (o Arama sonuçlarının gösterildiği sayfalarda sorgulanan anahtar kelimeler de görüntülenmelidir. 
e (oOArama sonuçlarının görüntülendiği sayfada arama alanına yer verilmeli, kullanıcıların anahtar kelimeleri 


değiştirerek ya da yeni kelimelerle tekrar arama yapabilmesi sağlanmalıdır. 


Örnek 


pasaport işlemleri Ara 


Yaklaşık 15.200 sonuç (0 22 sanıye) 


Pasaport işlemleri 

Pasaport İşlemleri, 03 01 2014 E.PASAPORT KONUSUNDA BİLGİ ALMAK İÇİN ÇAĞRI 
MERKEZİ TEL 490 312 792 29 26 Aralık 2010 tzrihinden ilikaren aski 

zunch cg ma gov riShowinfohinlas asp 0121628 


PASAPORTİLE İLGİLİ BİLGİLER ! T.C. Dışişleri Bakanlığı 

Pasaport Kanunda Belirlenen yetidi makamlarca venleri ve hamileiine br o &- pasaport 
sistemine geçişle orlikle ceki Up pasaporlarm tema işlemlerine yur 

wav. miz. gov. pasapor-leigiinbilgiler Lia 


PASAPORT İŞLEMLERİ (Tel 0147173054-0147173605-0147173059) 1; Pasapon İşlemi 
(Başvuru İşlemleri ve Genel Bilg). 2) 13 yaşından küçükiann pasapor 
we. Dans, Tk. ma göv tu Shoyiriohotes yep MD-121563 


Türk Vatandaşlarının Tabi Olduğu Vize Uygulamalar /TÇ Döişlen .. 
Diplomatik Pasaport hamılları S0 gün süreyle wzeden muşftur stmelan ve 24 &RD Doları 
işlem harcı ödemeler gerekmeaktadır) sınırda almaları Mümkündür 

weave mrfa-gev tturkwatardaslarinintbi- oldugu wize-uygulamalari tr mi3 


Türkiye Cumhuriyeti Sirazburg Başkansolasluğu 

Konsoloskık İşlemleri Tarih o PASAPORT HAZIR OLANLARI LİSTESİ, 16 06 2014 
PASAPORT İŞLEMLERİNE DAİR BİLGİ NOTALARI, 08.01 2014 

strazburg bik mfa gov tAgancyinfeHntez sspx 


Örnek sitede, arama sonuçlarının listelendiği sayfada arama yapılan kelimeler görünmektedir. 


Referanslar 
e 1S09241-151/8.5.4.5 - Showing the guery with the results 
»e 1S09241-151 /8.5.5.2 - Repeating searches 


Faydalı Kaynaklar 


e o https://uxmag.com/articles/designing-search-results-pages 


17. KURUMSAL İLETİŞİM 


Kurum internet siteleri kullanıcılara kurum hakkında bilgi vermeli, kullanıcıların kurum ile iletişime geçebilmelerini 
sağlamalıdır. Bunun yanında, internet sitelerinde yer alan iletişim adresleri, formlar vb. aracılığı ile kullanıcıların soru, 


görüş ve önerilerini kuruma iletebilmesi imkânı sunulmalıdır. 


Bu bölümde; 
e Bilgi Edinme 
e DanışmakHattı 
e Duyurular 
» E-Posta Adresleri 
e (OKurumsalBilgiler 
e» (Memnuniyet Anketi 
e o Önerive Şikâyet Bildirimi 
»e o Sıkça Sorulan Sorular 
e (o Tartışma Grupları ve Forumlar 
»e Ulaşım Bilgileri 
ilkeleri ele alınacaktır. 


İnlete 


17.1. Bilgi Edinme 


İlke 
İnternet sitelerinin ana sayfalarında, “Bilgi Edinme Hakkı Kanunu” uyarınca vatandaşların bilgi edinmek için 
başvurabilecekleri bağlantı ya da bağlantılara yer verilmesi gerekmektedir. 


Açıklama 

4982 sayılı Bilgi Edinme Hakkı Kanunu'na göre, vatandaşlar kendileriyle doğrudan ilgili olsun ya da olmasın, meslek sırrı 
ve kişisel bilgiler dışında kalan konularda kamu kurum ve kuruluşlarından bilgi ya da belge talep etme hakkına sahiptir. 
Kamu kurum ve kuruluşları ise vatandaşlar tarafından yapılan bilgi edinme başvurularını etkin, hızlı ve doğru şekilde 
sonuçlandırmak üzere, gerekli idari ve teknik tedbirleri almakla yükümlüdür. 


Bilgi Edinme Hakkı Kanunu, bilgi edinme başvurularının, başvuru sahibinin kimlik bilgilerinin saklı tutulması koşuluyla 
elektronik ortamda yapılabilmesine imkân tanımaktadır. 


Yönergeler 

e — KullanıcılarınBilgi Edinme Hakkı Kanunu ve bu kanundan nasıl ve hangi kapsamda yararlanabilecekleri konusunda 
bilgilendirilmeleri gerekmektedir. 

e Bilgi edinme hakkını kullanmak isteyen kullanıcılar için dinamik bir başvuru formu hazırlanmalıdır. 

e (Başvuruyapan kullanıcıların kimlik ve erişim bilgileri ile başvurunun yapıldığı tarih, saat ve IP adresi bilgilerinin 
saklanması tavsiye edilmektedir. 

e (Başvurunun alındığına dair e-posta mesajı kullanıcıya gönderilmelidir. 

»e (Başvurunun yapıldığına dair dâhili bir e-posta, süreçten sorumlu kişiye gönderilmelidir. 


Örnek Bilgi Ene 


Biz Heme 


Bi Eleme Hakknda 


4 1 ED hr ve Rİ e rr Gm yare ar Ğİ an eğ kem araman rt Öke va yeti 
emt yarağı dar eşik. Meatnlzsik sn elik Mar ui elli İzler biz esen Pakize balarrala se sağlamı: 


bert beat saz buralar be sekman Pe ve çörterder çaçan vin biz mirrra talk ru ee yeis arası aisirw 
Tüsiye'de hil ge anam yezamcı Hazm M yil ve, Senesi dar bişi brell gan zakarma heran! de di obrmm bamkaa sa 
ka EA ileti çaromananta bağ crlamakırımar 


Yana bara kur ve iareale İn barı lame rün Ağam teni barun edende Şİ 
Bişimiree hayasaa brandi karayı ve hizada lan » wlermda klana saya green yeme İduruuz. yarakarı siz uya bazalar 
Savm ormataz 


Merrpant 


Başvuru Makita 


Örnek sitenin ana sayfasında, bilgi edinme işlemleri için bağlantıya yer verilmiştir. “Bilgi Edinme” bağlantısına tıklandığında, Bilgi Edinme 
Hakkı Kanunu ile ilgili açıklamanın, mevzuat bilgilerinin yer aldığı ve başvurunun yapılacağı bir sayfaya ulaşılmaktadır. 


Referanslar 
e o|S09241-151/6.11 - Identifying the website and its owner 


Faydalı Kaynaklar 


İİ nİelefei 


17.2. Danışma Hattı 


İlke 
İnternet sitelerinde ihtiyaç halinde vatandaşların soru ya da sorunlarını varsa telefon ile iletebilecekleri birime ait 


bilgilerin sağlanması gerekmektedir. 


Açıklama 
Kamu internet sitelerinin amacı, vatandaşlara kamu hizmetlerini elektronik ortamda sunabilmektir. Bununla birlikte, 
kullanıcılara telefon ile kurum hizmetlerinden faydalanabilecekleri bir seçeneğin sunulması da gerekmektedir. 


Yönergeler 

e (Kurumla telefon yoluyla iletişime geçmek isteyen vatandaşların kullanımı için telefon numaraları sağlanmalıdır. 

e (“Danışma Hattı” ya da “Bilgilendirme Servisi” gibi isimlendirilebilecek kurumsal telefon bilgileri, kullanıcıların 
ana sayfadan rahatça ulaşabilecekleri şekilde verilmelidir. 

e (Mobil cihaz tarayıcısından cep telefonu numarası üzerine tıklandığında aranabilir olmalı, başlık kısmına 0 ya da 
#90 ilave edilmeli, 3-3-4 biçiminde bölümlere ayrılmalıdır (Örn. 0 212 556 4572, 0 (212) 556-4572 ya da 0-212- 
556-4572, 444-6566). 

e oDanışmahatlarının hangi saatler içerisinde hizmet verdiği yazılmalıdır. 


Örnek 
ULAŞTIRMA VE ALTYAPI BAKANLIĞI 
KARAYOLLARI GENEL MÜDÜRLÜĞÜ 
BAKANIMIZ 
d Mehmet Cahit 
TURHAN 
Ulaştırma ve Altyapı 
Bakörü 
GENEL MÜDÜRÜMÜZ 
MERSİN'DE ÇAMTEPE, KARGIPINARI VE MEZARLIK-2 İY Madi 
KAVŞAKLARI HİZMETE SUNULDU URALOĞLU 
m LL iallildiidi Müdürü. 79 
YOL DANIŞMA ALO GE vE ÇAĞRI MERKEZİ OGS - HGS DANIŞMA 
031244 99199 159 te 4442407 0850 460 60 60 
Örnek sitede, kullanıcıların iletişime geçebilecekleri telefon numaraları işlevlerine göre gruplandırılarak sunulmuştur. 
Referanslar 


e o 1S09241-151/6.11 - Identifying the website and its owner 
e 1S09241-151/ 7.2.7 - Accepting online user feedback 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/customer-service-omnichannel-ux/ 


 eİnlefei 


17.3. Duyurular 


İlke 
Kurumun sunduğu hizmetler göz önünde bulundurularak, internet sitesinde güncel duyurulara yer verilmelidir. 


Açıklama 
Kullanıcıların bir kısmı kamu kurumlarına ait internet sitelerine sadece duyuruları okumak veya takip etmek amacıyla 
girmektedirler. Bu durum, kurumların hedef kitleye hitap edebilmesi açısından önem arz etmektedir. 


Yönergeler 

e (o Duyuruların uzun listeler ya da ayrı sekmeler halinde gösterilmesinden ve okumayı zorlaştıracak yazıların 
kullanımından kaçınılmalıdır. 

e o Site içerisindeki bütün duyuruların tutarlı olacak şekilde kullanılmasına dikkat edilmelidir. 

e — Duyuruların yayımlanma tarihi bilgisi de kullanıcılara gösterilmelidir. 

e (Duyurular güncel olmalı ve belli bir tarihten öncesine ait duyurular kaldırılmalıdır. 

e» Daha önceyayımlanmış duyurulara arşiv üzerinden erişilebilmesi kullanıcılar açısından faydalı olacaktır. 

e (Duyuru metni ve içeriği ile sayfada hali hazırda mevcut olan gezinim bileşenleri ve içerik tutarlı olmalı, 
çelişmemelidir. Duyuru yerleştirildiğinde ilgili olan site bileşenleri güncellenmelidir. 

e (o Duyuruların gösteriminde aşırı vurgulama yapan ve abartılı görseller aksini gerektirecek çok ciddi bir sebep 
olmadığı sürece kullanılmamalıdır. 

e (Otomatik kayan ya dailerleyen duyuru gösterimi kullanılmamalıdır. 


Örnek 
OLTU Hakkımda Akademik Milgikit Öğrenci İşeri Servise Yorloçiude Yaşam Araştımıa hay Öyümimeliğ 
Arama AAA) 
Enğish 


Yaklaşık TA? connç (0 24 nahiye 


Yanım düzeltilmiş şu sorgu tpn sonuçları görüyorsunuz. grozyon 
Yine de grdiğnız şu sorguyu mu aramak :siiyorsunuz? erzyon 


Cikt anlamda erozyon ie baştkaşa olen tüm arazi, Bğaçlermirme çalışmalan başlatılmadan Onca ey yükselti eğirme yöre 112 147, 1/4 
sise 
aom metu du tiorman bkm agazlandırma.cakı maları 

MT 1d g iz01 S 


Mevcut erozyonu engelemek için arazinrı 575 inin dikim yolu ile ağaçlandınmazı gerekliliği ortaya çıkınca 7 Temmuz 1958 tarihinde 1â0 dekarlık 


Br nianda 
dm metu sdy DAİNESE 
sanm ye Üretimi - Makına Mü iştği Bölümü EYİ 


Boyutsal Metmlaji Labarahuyar; Elektre Erazyon İ abarahıuarr Mane Tazanm Lanaratunan' Makina Elamanlan Laboratuvan: Takım Tazgshi We 
Otomasyon 


wen me.metu.söu himaröiriresemıch'manulactunng 520 


Örnek sitede, duyurular tarihlerine göre listelenmiş, eski duyurular için sağ üst köşede yer alan “Arşiv” bağlantısına yer verilmiştir. 


Referanslar 
e 1S09241-151/ 7.2.4 - Keeping content up to date 


Faydalı Kaynaklar 


17.4. 


İlke 


 ebefei 


E-Posta Adresleri 


İnternet sitelerinde kurumsal e-posta adreslerinin isimlendirmesine ve kullanıcılar tarafından kolay erişilebilir bir 


konumda olmasına dikkat edilmelidir. 


Açıklama 


Kurumsal e-posta adresleri, kurum ile kullanıcılar arasında bir iletişim kanalı oluşturmaktadır ve internet sitelerinde 


kurumsal e-posta adreslerinin kullanımı konusunda yapılan bazı hatalar kurum imajını zedeleyebilmektedir. 


Yönergeler 


Örnek 


Kullanıcıların kurum ile iletişime geçebilecekleri e-posta adres ya da adresleri açık olarak belirtilmelidir. 

Site içinde hiçbir sayfada kişiye özel adresler kullanılmamalı, kuruma ait e-posta adresleri tercih edilmelidir. 
E-posta adresleri kurum alan adlarını içerecek şekilde alınmalı, Gmail, Hotmail, Yahoo gibi özel e-posta hizmet 
sağlayıcılarından alınmış adreslerin kullanımından kaçınılmalıdır. 

Genel resmi adaba aykırı e-posta adresleri kurumsal uzantılı da olsa kullanılmamalıdır. 

E-posta adresleri belirlenirken açık ve anlaşılır yapılar kullanılmalı, adresler kullanım amaçlarına uygun olacak 
şekilde isimlendirilmelidir. 

Birden fazla kurumsal e-posta adresi belirlenmesi durumunda, ilgili oldukları birim ya da konulara göre adresler 
isimlendirilmeli ve sınıflandırma yapılmalıdır (Örn. bilgildkurumismi.gov.tr ya da sikayetlâkurumismi.gov.tr vb.). 
Güvenlik nedeni ile kişilerin e-postası robotlardan korunmak isteniyor ise e-posta adreslerinde bulunan “(d” 
sembolünün resim olarak veya “atl” şeklinde gösterilmesi gibi yöntemler kullanılmalı, “mailto” bağlantı yapısı 
kullanılmamalıdır. 

Çok sayıda genele-postaadresitanımlanarak bunların yönetimi ve kontrol edilmesi personeliçin zorlaştırılmamalı, 
hizmet kalitesi olumsuz etkilenmemelidir. 


Ana Sayfa > Bize Yazın 


Bize Yazın 


Genel Konular için 


bilgi(©mkutup.gov.tr 


Kitap hizmetleri için 


okuyucu((mkutup.gov.tr 


Gazete ve dergiler için : 


sureliG&mkutup.gov.tr 


Mikrofilm hizmetleri için : 


mikrofilm(&mkutup.gov.ir 


Kitapdışı Materyaller için : 


sanatlar(GDmkutup.gov.ir 


Örnek sitede, kullanıcıların kurum ile iletişime geçebilecekleri e-posta adresi amaçlarına göre gruplandırılarak verilmiştir. 


Referanslar 


ISO 9241-151 / 6.11 - Identifying the website and its owner 
ISO 9241-151 / 7.2.6 - Enabling communication with website owner 


Faydalı Kaynaklar 


 eİnlefei 


17.5. Kurumsal Bilgiler 


İlke 
İnternet sitelerinde kurumsal bilgilerin yer aldığı sayfa ya da sayfalara yer verilmelidir. 


Açıklama 

Kamu kurumlarına ait internet siteleri, kurumun hizmet verdiği konularda bilginin yanında internet ortamında hizmetin 
kendisini de sunabilmekte ve çoğunlukla da bu amaçlarla ziyaret edilmektedir. Bununla birlikte temel kurumsal bilgilerin 
de internet siteleri üzerinden sunulması, internet üzerinde kurumun varlığının tamamlanması ve kullanıcı tarafından 
kurum hakkında kavramsal zihin modelinin doğru oluşması bakımından önemlidir. Kullanıcı, buradan edineceği bilgiler 
doğrultusunda kurumdan beklentiler içine girer ve hizmetleri kullanır. Birçok hatalı etkileşimin ardında kurumun temel 
yapısının kullanıcı tarafından algılanamaması yer almaktadır. 


Yönergeler 

e (OKamukurumuinternet sitelerinde, kurumsal bilgilerin bulunduğu sayfalara yer verilmelidir. 

e (OKurumsalbilgi bulunan sayfalara, ana sayfadan erişim sağlanmalıdır. 

e Kurumsal kimlik oluşturulurken kurum idarecilerinin sosyal faaliyetleri, duyurular, vb. geçici içerikler ve 
fotoğraflar gerçek içerik ile yarışmamalıdır. 

»e (Kurumsal bilgiler hazırlanırken mevcut broşür ya da yazılı doküman aktarımı yapılacak ise metinde kısaltma, 
maddelere ayırma tekniği ile okunurluk artırılmalıdır. 

e o Azsayıdanitelikli fotoğraf kullanılmalı, görsel içerik yazılı içeriği baskılamamalıdır. 

»e oKurumkipiolarakbirincil çoğul şahıs yerine kurumun adıve edilgen cümle yapısı tercih edilmeli, kurum yöneticileri 
ifade edileceğinde örneğin “başkanımız” yerine, “xyz başkanı” ya da “başkan” şeklinde yapı kullanılmalıdır. 

e (Kurumun bağlı olduğu üst kurumlar veya alt kurumlar bulunduğu takdirde bu kurumlara ait tüm bilgiler 
aynen kopyalanmamalı, gerekli noktalarda ilgili kurumlara bağlantı verilerek bilgiye orijinal sayfadan erişim 
sağlanmalıdır. 

e (Kurumsal bilgilerin sağlandığı sayfalarda en az aşağıdaki bilgilerin sağlanması gerekmektedir; 

o Tarihçe 

o Mevzuat 
Misyon ve Vizyon 
Teşkilat Şeması 
Görev ve Yetkiler 
Medya ve Logo 


o o o o 


Örnek 


4... e) va, 
pri 


Bakanlığımız 


İYLAMIN 


*“ »v © EE a des 


Güme rüyama Vümir li Terre am 
aşma r 


Büken Sn Tekizekiin  Taiyelerem © Milletim kesiyo 
iyi '. ye 


1 


Örnek sitede, kurumsal bilgilerin yer aldığı bir menü tasarlanmış, Kuruluş Amacı, Misyon, Vizyon gibi bilgilere kullanıcıların daha kolay 


ulaşabilmesi sağlanmıştır. 


Referanslar 
e o|S09241-151/ 6.2 - Determining the purpose of a Web application 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/about-us-information-on-websites/ 


e o https://www.nngroup.com/articles/about-us-summaries/ 


AA 


17.6. Memnuniyet Anketi 


İlke 
İnternet sitelerinde kullanıcılardan geri bildirim almak için belirli aralıklarla memnuniyet anketleri düzenlenebilir. 


Açıklama 

İnternet sitelerinin hizmet kalitesi ve kullanıcı memnuniyeti hakkında fikir sahibi olabilmek için kullanıcılardan geri 
bildirim alınması faydalı olacaktır. Bunun için az sayıda sorudan oluşan kısa anketler kullanılabileceği gibi, kullanıcıların 
görüntülediği sayfa içeriği ya da yaptığı işlemle ilgili hizmet kalitesini puanlayabileceği uygulamalar da kullanılabilir. 


Yönergeler 
»e (o Anketler isteğe bağlı cevaplandırılabilecek şekilde tasarlanmalıdır. 
e (o Memnuniyetanketleri belirli aralıklarla tekrar edilmelidir. 
e (O Memnuniyet anketlerinden elde edilen veriler saklanarak internet sitesinin geliştirilmesi aşamasında 
kullanılmalıdır. 


Örnek 


© Vatandaş Memnuniyet Anketi 
Sap Katlama, 


Bu anket, e-Devlet Kapında sunulan hizmetere işken valerdaşarmın verrunmet dizeleri ölçünleyerek, 
nizmetlerin dara de geiştrimesi gr düzenisnmektedir 


d4Hizmetere yöneik valarlaş merriuriyetrin ölümümebimes çi 16 sarudani oluşan bir ankete sden 
görüşlerine daşvırLimaktadır. Anket başarısı katimmları asaĞdele & önsemelere yanak görülen sent 
we doğru bir şekilde belirtmesine bollde, Ankette sondan biğler tesiri tuhudarak olup 3, kişler GE 


e du yer ri yelegi | oaşlaşimayacak ve sadece hizmetler çeğtirines içn hiarecekir. ceyalarisi in orana gerek 0 
İk er ap e dask garükimük tedi 
Bu geri sapla 5 semsirir Ariei yanlara ek çalyrava destek vediğriz iy çok tezekkür ederiz 
Şu anda 1. öğamalizenü. 
& Girş Açıklama 


# Big - 


Örnek sitede, sunulan hizmete yönelik memnuniyet anketi hazırlanmış, anketi doldurmak istemeyen kullanıcılar için “Hizmet Listesi'ne Geri 
Dön” düğmesine yer verilmiştir. 


Referanslar 


Faydalı Kaynaklar 
e o hitp//www.userfocus.co.uk/articles/satisfaction.html 


e o https:/(/conversionxl.com/blog/8-ways-to-measure-ux-satisfaction/ 


AAA 


17.7. Öneri ve Şikâyet Bildirimi 


İlke 
İnternet sitelerinde vatandaşların istek, öneri ya da şikâyetlerini bildirmelerine imkân tanınmalıdır 


Açıklama 

İnternet siteleri üzerinden daha faydalı hizmetler sunabilmek veya mevcut hizmetleri iyileştirebilmek amacıyla 
kullanıcılardan toplanan geribildirimler çok değerli olabilmektedir. Vatandaş odaklı bir internet sitesi için kullanıcılardan 
toplanan geribildirimler çok büyük önem arz etmektedir. Kalite yönetim sistemi bulunan kurumların aynı zamanda 


öneri ve şikâyet geri bildirim sistemine de sahip olması gerekir. 


Yönergeler 

e (o Kullanıcıların istek, şikâyet ve önerilerini yazıp gönderebilecekleri alanlar tasarlanmalıdır. 

e (o Kullanıcılardan gelen bildirimlerin takibinin kolayca yapılabilmesi için istek, şikâyet ve öneri gibi sınıflandırma 
yapılmalıdır. 

e — Kullanıcıların iletmiş oldukları istek, şikâyet ya da öneriler ile ilgili mutlaka geri bildirim verilmeli, süreç ile ilgili 
kullanıcılar bilgilendirilmelidir. 

e (o Tanımlanan veri giriş alanları küçük kutucuklar olarak değil, sayfa genişliğinin önemli bölümünü kapsayan ve 
uzun metin yazmaya görsel açıdan da izin veren yapıda olmalı, kutu içinde kaydırmanın varlığı ile yetinilmemelidir. 

e (o “Temizle” tuşu yanlışlıkla basılabileceğinden dolayı kullanılmamalıdır. 

e (Gereksiz sayıda zorunlu bilgi istenmesinden kaçınılmalıdır. 

e (o Anonim olarakveri girişine kurum politikası elverdiği sürece izin verilmelidir. 

» o Güvenlik açıklarını ve olası makine saldırılarını engellemek amacı ile insan doğrulama (Örn. Captcha vb.) 
yöntemleri kullanılmalıdır. 

e (Gönderme işlemi sonuçlandığında başarılı sonuç ekranı gösterilmeli, göndericiye ve süreç sorumlusuna 
hatırlatıcı e-posta iletilmelidir. 

e (o Teknik olanak elverdiği takdirde takip numarası oluşturulmalı ve kullanıcıya bildirilmelidir. 


Örnek an N e 
* HAKKIMIZDA » HİZMETLERİNİZ * MOLERSYONUMUZ * ATATURK GELGİLİĞİ * BIZLULAŞIN 


Banıko - Materyulletden Yararlanma Konlarans ve Etinlik Salonlar ip Ayırma Talebi 
Miatenizi #aiebi, Danışman Kütüphaneci Konferans, Yunus Emre Solonlan ve fuoye Önlne Kizp Tlebi 
Yayıntanmız sinoiolik iHızmstlor ctokpoi Hizmet: 
Türke Eliyogrufyası Kotloşuz İrtsrnsit, İntemst Erişim Werkmzi Arıkan Dışında Okuyucular İçin 
Okuma ve Çolişme Salonlarımız Bire Yazı rohiim 
Okuma Salonlar Doluluk Oranan Satu, Önen, Şikmper, Teşekiüı wükogfilm Kaleksiyonumuz 
- 
pi 
“ 
g 
3 


Konuğar Kitaplık 


Görme Ena liler Hizmet Mater 


mp press reader > 


elektronik kaynaklar 


BOL 


Örnek sitede, “Hizmetlerimiz” menü başlığı altında “Soru, Öneri, Şikâyet, Teşekkür” bağlantısına yer verilmiş, kullanıcıların ilgili kuruma istek 
ve şikâyetlerini iletebilmeleri sağlanmıştır. 


Referanslar 
e o |S09241-151/6.11 - Identifying the website and its owner 
e o|S09241-151/ 7.2.7 - Accepting online user feedback 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/first-rule-of-usability-dont-listen-to-users/ 


AAA 


17.8. Sıkça Sorulan Sorular 


İlke 
Telefon, e-posta gibi iletişim araçlarıyla sıkça iletilen sorular öncelik sırasına göre listelenerek “Sıkça Sorulan Sorular” 
sayfası hazırlanmalıdır. 


Açıklama 
“Sıkça Sorulan Sorular” sayfası hazırlanarak hem kuruma sürekli olarak aynı soruların gelmesinin önüne geçilebilir 
hem de kullanıcıların genel olarak karşılaştığı sorunlarla ilgili bilgilere daha kolay ulaşılması sağlanabilir. 


Yönergeler 

»e (Kullanıcılar tarafından sıkça sorulan sorular ve bu sorulara ait cevapların yer aldığı bir sayfa hazırlanmalıdır. 

e o “SıkçaSorulan Sorular” sayfası hazırlanırken, sorular önem derecesi ve sorulma sıklığına göre sınıflandırılmalı; 
önem derecesi yüksek ve en sık sorulan sorular sayfanın başında konumlandırılmalıdır. 

e (o “Sıkça Sorulan Sorular” sayfası kullanıcılardan alınan geri bildirimlere göre sıklıkla güncellenmelidir. 

»e (Kurum farklı kategorilerde hizmet veriyor ve sıkça sorulan sorular kategorik olarak ayrılabiliyor ise bu sorulara 
kategori başlıkları altında yanıtlar verilmelidir. 

e o Soruların taranması için birer birer tıklama ve ileri geri gitme yerine tüm sorular, soru yanıt biçiminde sunulabilir 
ve sayfa çok uzadığı takdirde birden çok sayfada verilebilir. 

e oTümsoruların sayfaüst bölümünde link olarak verilmesi durumunda, linklerin renk ve tasarım olarak belirgin bir 
şekilde oluşturulmasına ve tıklandığı anda sorunun cevabına kaydırmasına dikkat edilmelidir. Cevap bölümünden 
sorulara erişmek için yukarı kaydırma linki bulunmalıdır. 

e (Soruların, cevaplardan belirgin bir şekilde ayırt edilebilmesi için sorular font büyüklüğü, rengi, kalınlığı gibi 
özellikler açısından daha belirgin tasarlanmalıdır. 


e o Sıkça sorulan soruların arama motoru ile desteklenmesi ayrıca tavsiye edilmektedir. 


Örnek 
SIKÇA SORULAN SORULAR 
Kartmgoriler ne Baya 
Burla İşleri 
hiss Değisihiiği hata İşleri 


ima: Dururrume 
ya Kü etki 


rl ve Tesa irin Z 
viyana — Beda Harvard AĞA Dura, 55 MAYİ 


meva Limanlar 


Alves Marur Katya 0 liker saralanm Kayma 


Aka (31 Çağrı Mutkeztts Diş 
önden Emrular 


Örnek sitede, kullanıcılar tarafından sıklıkla sorulan sorular konularına göre gruplandırılmış, kullanıcıların genel olarak karşılaştığı 


sorunlarla ilgili bilgilendirme sağlanmıştır. 


Referanslar 


e |S09241-151/7.2.7 - Accepting online user feedback 
e 1S09241-151/ 10.2 - Providing help 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/fags-deliver-value/ 
e o https://www.nngroup.com/reports/strategic-design-fags/ 
e o https://www.nngroup.com/articles/fag-ux-deconstructed/ 


17.9. Tartışma Grupları ve Forumlar 


İlke 
İnternet sitelerinde tartışma grupları ya da forum sayfaları kullanılıyorsa, bu sayfaların güncel ve kurum kontrolünde 


olduğundan emin olunmalıdır. 


Açıklama 

Kurumların kullanıcıları ile iletişimi ve etkileşiminde internet sitelerinde yer verilen forumların da payı vardır. Bu 
forumların amacı, sorulan soruların kurumsal personel tarafından yanıtlanması, bazı deneyimlerin ve yolların 
kullanıcılar arasında etkileşim ile yürütülmesi ve katkı sağlanmasıdır. Forumlar ayrıca site ziyaretini sürekli kılmak 
ve sitede geçirilen zamanı artırmak amacıyla oldukça etkin araçlardır. Arama motorlarına açık olan forumlar, sitelerin 
bulunurluğunu ve arama motoru sırasını da yukarı taşırlar. Forum içeren kamu internet sitelerinin kontrol noktasında 
dikkat etmesi gereken bazı önemli hususlar vardır. Kontrolsüz bir forum ortamının faydadan çok zarar getirebileceği 


unutulmamalıdır. 


Yönergeler 

e (o Forumaileti gönderebilmek için kullanıcıların kayıtlı kullanıcı olması zorunluluğu getirilmelidir. 

»e (Kayıt esnasında verilen üyelik bilgileri gözden geçirilerek kullanıcı kaydına onay verilmelidir. 

e (o Kayıtlı kullanıcıların yeni bir tartışma konusu açabilmesi ve var olan tartışmalara yorum yazabilmesi gibi yetkiler 
kurum politikası göz önünde bulundurularak belirlenmelidir. 

e Forum yöneticisinin iletilen mesajları sıklıkla gözden geçirmesi, uygunsuz içerikleri silmesi ve sorumluların 
üyelik kayıtlarını iptal etmesi sağlanabilir 

»e (Yüksek dereceli kontrol isteniyorsa, foruma gönderilen her mesajın yayımlanmadan önce forum yöneticisi 
tarafından onaylanması sağlanabilir. Bu durumda forumun işlerliğinin kısıtlanacağı ve sıkça ileti gönderilen 
forumlar için iş yükünün artacağı unutulmamalıdır. Ancak daha çok soru cevap şeklinde içerik barındıran 
forumlarda bu yöntem uygun olabilir. 

e Birforum yazılımı kullanılıyor ise bu yazılımın tüm güvenlik güncellemeleri yapılmalıdır. 

»e (o Kullanıcıların mahlasile değil gerçek adları ile görünürlükleri olabildiğince sağlanmalıdır. Bu sayede kullanıcılar 
arası algısal iletişim kalitesi yükselirken, kullanılan kelimeler iyileşir. 

e (Yazım kurallarına uyulması için uyarı mesajı bulundurulmalıdır. 


Cosaslarmama macajlar e Okunmamış ağajlar e vur amağlar e hr bözlklar Forumları ok urunuğ Zay 


<5, Araştırma Destek Programları Başkanığı 
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5 Teknoloji ve Yenilik Destek Programları Başkanlığı 

Bi Telemiej ve verilk Deste Priyuminu Başkartğ serdiği 


İSTATİSTİKLER 
Yesam İD3NB mesaj » Tocları 1740 başlik e Teçlnm TTUNE liye « Ye tn — 
Gy Form sta sayfa Tün mecal yananı Çardak mi gil e Tam zamanlar TC « Baas (GITZ) 
Örnek sitede, kullanıcıların foruma ileti gönderebilmesi için kullanıcı adı ve şifre ile giriş yapılması istenmektedir. 
Referanslar 


e 1S09241-151/ 7.2.7 - Accepting online user feedback 


Faydalı Kaynaklar 
e o https://www.nngroup.com/articles/first-rule-of-usability-dont-listen-to-users/ 


 nİnlefei 


17.10. Ulaşım Bilgileri 


İlke 
İnternet sitelerinde kurumun açık adresi ve ulaşım bilgisi verilmelidir. 


Açıklama 
Kurumu ziyaret etmek isteyen veya ziyaret etmesi gereken kişiler için kurum açık adresinin kolay bir şekilde 
erişilebilmesi önemlidir. İletişim bilgilerine yer verilirken internet sitesi kullanıcılarının genel algısı ve beklentisi göz 


önünde bulundurulmalıdır. 


Yönergeler 

e» o İnternet sitelerinde kurumların adreslerine açık ve anlaşılır olacak şekilde yer verilmelidir. 

e Resmiadresile tarif içeren kelimeler birbiri içine karıştırılmamalıdır. 

e oKurumaalternatif yollardan ulaşılabiliyorsa, bu bilgi ilgili sayfada belirtilmelidir. 

e — Kullanıcıların özel araç ve toplu taşıma imkânları ile kuruma nasıl ulaşabileceğini anlatan basit bir kroki ya da 
harita kullanılması tercih edilebilir. 

»e (Mobil sitelerde adres bilgisine tıklandığında, konum harita üzerinde gösterilmelidir. 

»e oOKuruma aitulaşım bilgilerine menüler aracılığı ile erişilebileceği gibi internet sayfalarının alt bölümüne ya da 
yanda kolon kullanıldığı takdirde bu bölümün altına da açık adres yazılabilir. 

e o Mümkün olduğu takdirde dış cephe resmi sağlanmalıdır. 

e İlgili ise mesai saatleri ve ulaşım saatleri verilmelidir. 

e (Kurumun belirli hizmetleri ayrı fiziksel konumlarda veriliyor ise bu mutlaka belirtilmelidir. 

e (Kurumun bulunduğu yerler yoğun kullanılan harita uygulamalarında doğru ve hatasız olarak işaretlenmeli, 
uygulamanın “Ulaşım Bilgileri” sayfasından erişilebilir olması sağlanmalı, uygulamadaki işaretin güncel kaldığı 


düzenli olarak kontrol edilmelidir. 


Örnek 
SIKÇA SORULAN SORULAR 

Kategoriler leme Gazya 

Busta İşleri 

Mur Değisikiiği late iyileri 

ima: Dururrumme 

MAY 

rt ve Tesar Hr veye 5 

yasan - B6kr Yarra AUD MZ AYİNE 

ya pe İğne Tayini 

klam Değişikliği 
Ali (31 Çağrı Mmikeztta Dişe ee . 
Semen Earuldr 
Örnek sitede, kurumun açık adresi, harita bilgisi ve kurumun dış cephe resmi yer almaktadır. 

Referanslar 


e o|S09241-151/6.11 - Identifying the website and its owner 
e |S09241-151/ 7.2.6 - Enablingcommunication with website owner 
e o1S09241-151/10.1.2 - Showing relevant location information 


Faydalı Kaynaklar 
e o hitp:/blog.usabilla.com/good-vs-bad-contact-pages/ 


18. MOBİL İNTERNET SİTESİ 


Genel Prensipler 


Mobil bilişim cihazları kullanıcılar arasında son yıllarda çok büyük kullanım oranlarına ulaşmıştır. Yurt içinde yapılan 
araştırmalara göre internet bankacılığı kullanıcılarının yaklaşık yarısının cep telefonu üzerinde mobil uygulama ya 
da mobil site aracılığı ile bankacılık işlemlerini yaptığı görülmektedir. Artan internet bağlantılı mobil kullanıcı oranı, 
gelişen cep telefonları ve tabletlerin yeteneklerinin önemli boyutta iyileşmesi kullanıcıları kullanımı çok daha pratik 
olan cep telefonları ile işlem yapmaya yöneltmektedir. Cep telefonlarının “sahip olunabilirlik” açısından toplumsal 
yaygınlığı daha yüksektir. Cep telefonları sayesinde daha önce bilişim ve internet teknolojilerinin erişemediği bir kitlenin 
de sunulan servislere erişmesi mümkün olmaktadır. Dolayısı ile günümüzde cep telefonunun, bir başka deyişle akıllı 
telefonun veya tablet yapısındaki mobil bilişim cihazlarının, nüfusun büyük bölümüne hitap etmek isteyen kurumlar 
tarafından dikkate alınması şarttır. 


Mobil bilişim cihazların masaüstü cihazlardan önemli farklılıkları bulunmaktadır. Bunların en başında gelenler, yer ve 
zamandan bağımsız kullanım, cihazın çoğunlukla bir kişiye ait olması ve kimlik doğrulama amacıyla da kullanılması, 
görece sınırlı ekran boyutu, işlemci gücü, girdi birimleri ve ağ altyapısıdır. 


Mobil bilişim, tanımı gereği yalnızca akıllı cep telefonlarını kapsamamaktadır. Tabletler, dizüstü bilgisayarlar ve akıllı 
taşınabilir internet cihazları ve klasik cep telefonları da mobil bilişim tanımı içerisine girmektedir. Ancak günümüzde 
çoğunlukla yaygınlaşma dikkate alındığında akıllı cep telefonlarının mobil bilişim cihaz kümesinin en önemli üyesi 
olduğu anlaşılmaktadır. 


Gerek kamusal gerekse özel alanda kullanılan mobil internet uygulamaları iki ana alt başlıkta gruplandırılmaktadır. 
Bunların ilki mobil uygulamalar, ikincisi ise mobil internet siteleridir. Mobil uygulamalar kendi içinde platforma özgü 
(native) ya da çapraz platform (cross platform) olarak iki ayrı alt başlıkta gruplandırılır. Mobil internet siteleri ise sunucu 
tabanlı ve belirli şartlarda daha uygun olacağı öngörülen hizmetler için kullanılmaktadır. Genellikle çok sık kullanılan 
ve / veya cep telefonlarının birtakım karmaşık özelliklerini de kullanabilen (Örn. Navigasyon, kamera fonksiyonları vb.) 
hizmetlerin verilebilmesi için mobil uygulamalar daha çok tercih edilmektedir. Mobil uygulamaların bilişim sektörü 
tarafından kullanıcının makinasında yer edinmesi olarak değerlendirilmesi, kamu ve özel kurumları da kendi özel 
uygulamalarını yazmaya yöneltmektedir. Ancak veritabanı sorguları yüksek, sık içerik değişimine maruz kalan ve çok 
platformlu uygulamaların, tarayıcılar üzerinde çalıştırılması daha uygun olmaktadır. 


Mobil cihazlar demografik özellikleri (Örn. Yaş, cinsiyet, meslek, bilgisayar kullanma durumu vb.) çok farklı olan 
kişiler tarafından kullanılabilmektedir. Bu sebeple, kamu kurumlarının mobil internet siteleri tasarlanırken kullanıcı 
profillerinin olabildiğince tamamına hitap etmesi hedeflenmelidir. İnternet sitelerinin masaüstü cihazlara uygun 
olarak tasarlanması ilgili sitenin mobil cihazlara da uygun olacağını göstermemektedir. Mobil cihazların teknik 
sınırlandırmaları ile kullanılabilirlik ve erişilebilirlik açısından farklılıkları dikkate alınarak mobile uygun bir site 
yapısının kurgulanması gerekmektedir. Mobil internet sitesi kurgulanırken, mobil cihaz üzerinden gerçek kullanıcılar 
(Örn. Büyük parmaklı kişiler, farklı yaş grupları, engelliler vb.) ile farklı bağlamlarda yürütülecek kullanıcı deneyimi 
çalışmaları gerçekleştirilmesi önemlidir. 


Bu kılavuzda mobil internet siteleri öncelikli olarak ele alınmış, mobil erişimin özellikleri, arayüz geliştirme 
perspektifinde vurgulanmıştır. Bölüm içinde genel prensiplerin tekrarından mümkün olduğunca kaçınılmıştır. Bununla 
birlikte daha önceki kategorilerde yer alan genel site tasarım prensipleri mobil alanda da geçerlidir. 


z 
O 
al 
r 
zZ 
— 
m 
zi 
Z 
m 
par 
e 
— 
m 
al 


w 
LU 
iz 
n 
Kk 
LU 
z 
© 
LL 
fu 
z 
— 
m 
O 
p7 


 nİelefei 


18.1. Site Yapısı 


İlke 
Site yapısı, mobil cihazlardaki kısıtlı ekran boyutu göz önünde bulundurularak tasarlanmalıdır. 


Açıklama 

İnternet sitelerinde site yapısı kullanıcıların temel görevlere hızlı ve kolay bir şekilde erişebilmesi açısından önemlidir. 
Mobil cihazlar daha kısıtlı bir ekran boyutu sunduğu için kullanıcılara uygun bir site yapısının sunulması ve ekranın 
en iyi şekilde değerlendirilmesi daha da önemli hale gelmektedir. Bununla birlikte, internet sitelerinin mobil cihazlar 
üzerinden kullanımının masaüstü cihazlara oranla daha zor olması site yapısı tasarımında farklı kriterlerin göz önünde 
bulundurulmasını gerektirmektedir. 


Bununla birlikte tutarlılığın sağlandığı bir site yapısı, kullanıcıların bilgileri nerede bulacaklarını ve nasıl kullanacaklarını 
tahmin etmelerini sağlar. Bu özellikle bilişsel bozuklukları olan kullanıcılar (otistik) için yararlıdır. Tutarlı ve mantıklı 
düzen, kullanıcıların internet sitesi üzerinde hangi alanlarla etkileşim kurabileceğine yardımcı olması açısından 
önemlidir. Örneğin, geri düğmeler gibi gezinti yardımcıları, kullanıcıyı tutarlı bir şekilde bir önceki adıma geri taşımalı 
ve bir ekmek kırıntı izi gibi davranmalıdır. 


Yönergeler 

e (Kullanıcıların siteyi kullanma durumunda içinde bulundukları ortam ve ihtiyaçlar site tasarımı öncesinde analiz 
edilmelidir. 

e o Siteyapısı ziyaretçinin zihnindeki kavramsal modele uygun olarak tasarlanmalıdır. 

e (o Yalnızca belirli teknik yeterliliğe sahip telefonlarda çalışabilir niteliklerden kaçınılmalıdır, yaygın kullanıma ve 
görece eski teknik kapasiteye, tarayıcılara ve standartlara da uygun tasarım yapılmalıdır. 

e o Yalnızca belirli bir platformun (Örn. 10S, Android, Windows Mobile, Linux Mobile vb.) kendine has özelliklerini 
kullanan internet siteleri yapılmamalıdır. 

e» (o Arayüzler içerikle etkileşim kurmak için gerektiğinde birden fazla yol sağlamalıdır. İçerikle etkileşim kurmanın 
birden fazla yolunun sunulması, kullanıcıların seçimini kolaylaştırır ve kapsayıcılığı artırır. 

» Benzer mobil sitelerde kullanılan kontrol ve navigasyon bileşenleri tutarlı olacak şekilde kullanılmalıdır. Özel bir 
bileşen kullanılması gerektiğinde ise genel yapının tasarım ve etkileşim dili ile tutarlılık sağlanmalıdır. 

e Belirli bir göreviçin gerekli tüm seçenekler ve bileşenler, kullanıcı gereksiz bilgi ile rahatsız edilmeden görünür 
hale getirilmelidir. 

e o Tasarlanan sayfalarda kullanıcının birçok defa ileri ve geri gezinme yapacağı yapılardan kaçınılmalı, adım sayısı 
ve yüklenecek sayfa sayısı en aza indirilmelidir. 

» o Kritikişlemler(Örn. Silme, iptal etme vb.) kullanıcıların mobil cihaz ekranında rahatlıkla ulaşamayacağı alanlara 
yerleştirilmelidir. Böylelikle, kullanıcıların yanlışlıkla kritik bir işlemi yapması engellenmiş olacaktır. 


Örnek 


K.E 
( SGK Türkiye Gerrimriyeli 
YİN SOSYALGÜVENLİK KURUMU E-SGK 


& 


alık kazası reğeniyle 
tahsile SU 
i Sigorta Bilgi ve Gözetim 
Merkezi'ne bilgi aktarımı için 
kayıt yaptırınız. 


Örnekte yer alan sitede ana görevler hedef kitle bazında gruplanmış ve site yapısı bu kurgu üzerine tasarlanmıştır. 


Referanslar 


Faydalı Kaynaklar 
e o https://developers.google.com/web/fundamentals/design-and-ux/principles/ 
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18.2. Kontrast ve Renk 


İlke 


Kontrast ve renk kullanıcının algısını ve metnin okunurluğunu yormayacak şekilde tasarlanmalıdır. 


Açıklama 
Renk; algılama ve tüm kullanıcı arayüzleri ile etkileşim yolu olması açısından kullanıcı psikolojisini de etkilemektedir. 
Ayrıca, kullanıcı arayüzü tasarımında önemli bir faktördür ve basit estetik ayrıntılardan daha derin çalışır. 


Renk, uygulamaların işlevselliği açısından tasarımdan sonra gelen ikinci önemli etkendir. Kullanıcı ile mobil etkileşim, 
ağırlıklı olarak grafik unsurlarına dayalı olup, renk bu etkileşimde kritik bir rol oynamaktadır. Kullanıcıların uygulamanın 
içeriğini görmesine ve yorumlamasına, doğru öğelerle etkileşime girmesine ve eylemleri anlamasına yardımcı olur. 


Mobil uygulamalarda ağırlıklı olarak daha az sayıda renk kullanımı ve daha az doygunlukta paletlerin tercih edilmesi 
uygundur. Renkleri farklılaştırıcı olarak kullanırken uygun kontrastları tercih etmek önemlidir. 


Mobil cihazlarda kullanılan ortam ve cihaz çok değişken olabileceği için genel olarak renk kullanımında bu duruma 
dikkat edilmesi önemlidir. Kontrast, yeterli aydınlık / karanlık değeri içermeli, yalnızca renk kontrastına dayalı bilgi 
iletiminden kaçınılmalıdır. Arka plan ile ön plan arasındaki kontrast farkı yeterli olmadığı takdirde okuma ve algılama 
mobil cihazlarda daha da zorlaşmaktadır. 


Yönergeler 

e (o Metnin okunaklı olması için yazı rengi ve arka plan arasında uygun kontrastın sağlandığından emin olunmalıdır. 

e (o Yazı başlıklarında kullanılan renk, arka plan rengine uygun olarak siyah veya beyaza en yakın değerler tercih 
edilmelidir. 

e (o Okunurluğu kolaylaştırmak adına içeriğe ait yazıların renginde siyah veya siyaha en yakın değer seçilmelidir. 
İçerikte, birden fazla yazı renginin kullanımından kaçınılmalıdır. 

e — Kullanıcı deneyimine katkı sağlamak açısından renk kombinasyonlarının yalın tutulması gerekmektedir. 

»e (Yüksek kontrast kullanıcıların dikkatini çekmek için tercih edilmemelidir. 

»e (Bağlantı metniile bağlantı olmayan metin arasındaki renk farkı, yeterli kontrasta sahip olmalıdır. Mobil cihazlar 
için kanıtlanmış bir renk kontrast standardının yerine, WCAG 2.0 Düzey AA kontrast oranı karşılanmalıdır veya 
ideal bir şekilde uyarlanmalıdır. 

e (Bağlantılar, tüm site boyunca aynı renkte olmalıdır. Bağlantıları göstermek için, tek bir renk (genellikle mavi) 
kullanılır. 

e» o İçerikler sadece renkle gösterilmemelidir. Renklerin, parlak güneş ışığında ayırt edilmesi zor olabilmektedir. 


Örnek 


BAĞIMLILIK NEDİR? 


Türkiye'de ve dünyada hızla tütün, alkol ve uyuşturucu madde 
alım oranları artmakta, maddeye başlama yaşları gittikçe 
düşmektedir. Diğer bağımlılıklar gibi teknoloji ve kumar 
bağımlılığı da kişiye, aileye ve topluma psikolojik, sosyolojik ve 
ekonomik zararlara yol açmaktadır. 


Örnek sitede, beyaz arka plan ile siyah ve siyaha yakın yazı renkleri kullanılarak okunurluk kolaylaştırılmıştır. 


Referanslar 


Faydalı Kaynaklar 
e  https://www.justinmind.com/blog/dark-or-light-ui-the-ultimate-ui-design-and-prototyping-guestion/ 
e o https://uxplanet.org/visual-dividers-in-mobile-ui-design-53208de5426f 
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18.3. Multimedya Öğeleri 


İlke 
Multimedya öğeleri kullanılırken mobil cihazların ekran boyutu, internet bağlantı karakteristiği ve işlemci gücü gibi 
etkenlerin göz önünde bulundurulması gereklidir. 


Açıklama 

Geleneksel masaüstü cihazlarda ekran genişliği, ekran yüksekliğinden fazla iken mobil cihazlarda ekran genişliği, ekran 
yüksekliğinden daha azdır. Masaüstü cihazlara ait ekranlarda yaygın olarak kullanılan en-boy (aspect ratio) oranları 4:3 
ya da 16:9 iken mobil cihazlarda bu oranlar dikey çözünürlük temel alınarak kurgulanır. Bu nedenle, (varsa) masaüstü 
internet sitesinin mobil versiyonunun hazırlanmasında bileşen boyutlarının yeniden ele alınması ve tasarımın genel 
olarak revize edilmesi gerekmektedir. 


Mobil sitelerde kullanılan video öğelerinin yüklenme süresi bağlantı hızına bağlı olarak uzun sürebilmekte, bağlantı 
hızı yüksek bile olsa kullanıcı video içeriklerini internet paketinin tasarrufu bakımından kullanmayabilmektedir. Aynı 
zamanda, bağlantı hızının düşük olduğu mobil cihazlarda videoların süresinin gösterilmesi kullanıcıların videoları açıp 
açmama kararlarında etkili olacaktır. 


Resimler, boyut İsize) etiketi ile ebatları değiştirilmek istendiği zaman dosya boyutları değişmez. Aynı zamanda yeniden 
piksel hesaplaması için tarayıcıda ciddi (görünür ya da görünmez) yavaşlamaya neden olup batarya tüketimini artırırlar. 
Bu nedenle mobil tarayıcılarda daha önemli olmak üzere siteye yerleştirilen resimlerin özellikle fotoğraf makinesinden 
çıktıkları gibi değil, yeniden boyutlandırılarak ve gösterildiği boyuta getirilerek siteye yerleştirilmesi uygundur. 


Yönergeler 

e Fotoğraf / resimlerin sitenin yüklenme hızını düşüreceği ve içeriklerin daha yavaş açılmasına neden olabileceği 
unutulmamalıdır. 

e (o Metin içeriğini destekleyici mahiyette olan ve kullanıcılar için anlamlı olacak fotoğraf / resimler kullanılmalıdır. 

» o İçeriğe ait fazla sayıda fotoğraf / resim bulunuyorsa, ana görsel dışındaki diğer görsellere başka bir bağlantı 
üzerinden ulaşılması sağlanabilir. Böylece tüm görsellerin aynı anda yüklenmesi engellenmiş olur. 

e — Açık ve anlaşılır olmayan fotoğraf / resimler için altyazı ya da açıklama eklenmelidir. 

e Mobil sitelerde bulunan görseller, siteye erişim sağlanan cihazın ekran boyutundan taşmayacak şekilde 
görüntülenmelidir. 

e (o Görsellerinyüksek çözünürlükte ve büyük boyutlarda verilmesinin gerekli olduğu durumlarda, resmin boyutlarının 
ekran boyutlarından küçük olduğu hali gösterilmeli, kullanıcı istediği takdirde ilgili görseli büyütebilmelidir. 

e (o Kullanıcılar resmin yüksek çözünürlüğe sahip halini görmek isterse site içerisine eklenecek bağlantı ile ilgili 
resmin yüksek çözünürlüklü haline ulaşabilmesi sağlanmalıdır. 

e (Arkaplan resimleri kullanımı mecbur olmadıkça tercih edilmemelidir. 

e (Arkaplan resimleri bilgi verme amacıyla kullanılmamalıdır. Kullanılması gerektirdiği durumlarda ise arka plan 
içerisinde verilen bilgi site içerisinde ayrıca yer almalıdır. 

e (o Görsellerin en-boy oranı büyütme küçültme sırasında kesinlikle değiştirilmemelidir. En-boy oranına uygun bir 
şekilde ilgili görsel ekrana yerleştirilmelidir. 

e Düşük kontrastlı görseller tercih edilmemelidir. Mobil cihazlar, ışık seviyelerinin farklı olduğu ortamlarda 
kullanılabileceğinden düşük kontrastlı görsellerde algılanma güçlüğü yaşanabilir. 

e Video öğelerinin yer aldığı sayfalarda, ilgili videonun içeriği hakkında açıklama eklenmelidir. Böylelikle, 
kullanıcıların videonun yüklenmesini beklemeden, video açıklamasını okuyarak ilgili videoyu izleyip izlememe 
kararını vermesi sağlanabilir. 

» (Mobil cihazların ekran boyutlarından dolayı tıklanabilir alanlar büyük önem taşımaktadır. Kullanıcılara kolaylık 
sağlanması amacıyla mobil site içerisindeki video öğeleri, hem video başlığına hem de (varsa) videoya ait küçük 
resme tıklanarak oynatılabilmelidir. 


e (Video çalıştırılmadan önce video oynatma süresi kullanıcılar tarafından görülebilmelidir. 

e» Mobil site içerisinde yer alan videolar, kullanıcıların mobil cihazında oynatılamıyorsa ya da cihaz ile uyumlu 
değilse, bu durum hakkında kullanıcılara bilgi verilmelidir. 

»e  Aliyazılarişaretdili ve sesli açıklama gibi alternatif yayınlar, kullanılabilir şekilde gömülü medya ile sağlanmalıdır. 

e — Kullanıcı, duraklatma / durdurma / sessize alma düğmelerinin varlığını fark edebilmelidir. 

e Videonun bulunduğu internet sayfası ilk açıldığında video otomatik başlatılmamalı veya sessiz başlaması 
sağlanmalıdır. 

se o Tüm medyalar için ilgili meta veriler sağlanmalıdır. İlgili meta veriler süre ve alt yazıların varlığı, işaret dili veya 
ses açıklaması içerebilir. 


Örnek 


j Py İie 
4 İĞ m 


Kültür Şürası Türkiye Kültür Portalı 


4 Sy 


Türkiye Turizm Portalı Kültüre! Miras 


© © 


Günce! Telif Eserler E-Devlet Uygulamaları 


Örnek sitede yer alan ana görselin boyutları mobil cihazın boyutlarına uygun olmadığı için enden daraltılarak ekrana sığdırılmaya çalışılmıştır. Bu 
da, görselin estetiğinin bozulmasına sebep olmuştur. 


Referanslar 


Faydalı Kaynaklar 
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18.4. Beyaz Boşluk (White Space) 


İlke 
Mobil web tasarımında sınırlı olan ekran alanının verimli kullanılabilmesi ve bileşenlerin doğru algılanması için beyaz 
boşluk kullanımına dikkat edilmelidir. 


Açıklama 

Görsel tasarımın temelleri arasında olan “Gestalt İlkeleri” gereğince kullanıcıya gösterilen bileşenler, aralarındaki 
mesafeye, posizyona, yönelimlerine bağlı olarak birbirleriyle ilişkilendirilir ve algısal boyut kazanırlar. Gerekli 
bileşenler sayfaya yerleştirildikten sonra kalan kısımlar bir boşluk değil; ayrı bir tasarım öğesidir. Beyaz boşluk, 
yalnızca okunabilirlik ve içerik önceliğine değil, aynı zamanda görsel düzene de katkıda bulunarak kullanıcı arayüzünü 
basitleştirmektedir. 


Tasarımdaki beyaz boşluklar, gerekli öğelerin öne çıkarılmasına veya diğer öğelerden ayrı tutulmasına yardımcı olur. Aynı 
zamanda, önemli bir nefes alma alanı oluşturur ve kullanıcı arayüzündeki karmaşıklıklardan kullanıcıyı uzaklaştırır. 


Beyaz boşluklar dahil sayfa yerleşiminin ön tanımlı olarak sunulduğu hazır yapılarda İgrid vb.) elle boşluk ayarlaması 
yapılmasının görsel tasarım açısından sıkıntı oluşturabileceği bilinmelidir. 


Yönergeler 

e (o Tasarım esnasında, yazı tipi, boyut, renk, stil ve karakter aralığı gibi kararlar alınırken beyaz boşluk kullanımı da 
göz önünde bulundurulmalıdır. 

e (Sadece satırlar arasındaki boşluk değil paragraflar ve tam içerik bölümleri arasındaki boşluklar da hesaba 
katılmalıdır. 

» o Sayfaiçindekitüm bileşenlerin (Örn. üstbilgi, navigasyon ve kenar çubuğu vb.) görsel olarak ayırt edilebilmelerine 
yetecek düzeyde beyaz boşluk bırakılmalıdır. 

e (Sayfada düşük bilgi yoğunluğu oluşturacak fazla miktarda beyaz boşluk kullanımından kaçınılmalıdır. 

» — Kullanıcıların etkileşime girebileceği alanların (Örn. bağlantı, düğme vb.) tasarımında hatalı seçim yapmalarını 
engellemek için yeterli beyaz boşluk kullanımına dikkat edilmelidir 


Örnek 


Diyanet işleri Başkanlığı 


Yönetim Hizmetleri Genel Müdürlüğü 


BAŞKANLARIMIZ 


TAŞRA TEŞKİLATI 


KURULUŞ ve TARİHÇE 


YURTDIŞI TEŞKİLATI 


MEVZUAT 


EĞİTİM ve İHTİSAS MERKEZLERİ 


Örnek sitede navigasyon öğeleri için uygun beyaz boşluk ve etkileşim alanı sunulmuştur. 


Referanslar 


Faydalı Kaynaklar 
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18.5. Kurumsal Aidiyet 


İlke 


Mobil internet sitelerinde yer alan bileşenlerin kurumsal kimliği yansıtacak şekilde tasarlanmasına dikkat edilmelidir. 


Açıklama 

Kurumsal aidiyet, kurumsal kimlik bileşenlerinin doğru kullanımı ile sitenin kuruma ait olduğunun ziyaretçiler 
tarafından doğru algılanmasına yardımcı olur. Kurumsal aidiyet bilgileri logolar, resimler, bayraklar, fotoğraflar, desenler, 
renk bileşenleri ve kurum sloganı gibi birçok bileşenden oluşabilmektedir. Mobil internet sitesi teması masaüstü 
versiyonlarıyla karşılaştırıldığında oldukça yalın, bazı bileşenler ve özelliklerin çıkarıldığı bir yapı olarak karşımıza 
çıkar. Kullanıcılara sunulan kısıtlı ekran boyutundan dolayı kurumsal aidiyete dayalı bazı bileşenler tasarımdan 
çıkarılabilmektedir. Bunun sonucunda, temsil ettiği kurumun kimliğini tam olarak yansıtamayan kurumsal mobil 
internet siteleri ortaya çıkmaktadır. 


Kurumsal kimlik ve aidiyet kullanıcılara yeterince aktarılamadığı durumda internet sitesine karşı güvensizlik ve kullanıcı 
kaybı ile karşılaşılmaktadır. Bu nedenle mobil site tasarımında kurumsal kimlik ve aidiyet bilgilerinin kullanıcılara 
aktarılabilmesi için özel çalışma yapılmalıdır. 


Yönergeler 

e o İnternet sitelerinin hangi kuruma ait olduğunun daha kolay anlaşılabilmesi için kurum logosu kullanılmalıdır. 

e o Site logosu tasarlanırken farklı çözünürlüklerde baştan tasarlanmalıdır. Mobil site için kullanılacak olan logo 
gerekirse yeniden çalışma yapılarak belirli bileşenler içinden çıkarıldıktan sonra küçültülmelidir. 

e (Mobil cihazların sunduğu ekran kullanım alanı daha kısıtlı olduğu için renkler daha belirgin bir unsur olarak 
karşımıza çıkmakta, bundan dolayı renk paletinde, renklerin yoğunluğu ve kullanıldığı alanlarda gerekli 
düzenlemeler yapılmalıdır. 

e o Sitenintamamı bir editör tarafından kontrol edilerek farklı yazarlar tarafından oluşturulan içeriklerde tutarlılık 
sağlanmalıdır. Yazı stili ve hitap dilinin tüm site boyunca aynı kalması, site aidiyet duygusunun kullanıcılar 
tarafından doğru algılanmasına yardımcı olacaktır. 

e Sayfa başlıkları ve sayfa sonları, aynı yapıda, tutarlı ve kurum kimliğine ait bilgileri içerecek biçimde 
düzenlenmelidir. 

» Mobil internet sitelerinde kullanılan görsel öğeler (Örn. fotoğraf, resim, ikon vb.) gerek birbiri ile gerekse site 
kimliği ile tutarlı olmalı, en-boy oranları değiştirilmeden mobil tasarıma uyarlanmalıdır. Mobil internet sitelerinde 
bu detaylara dair olumsuzlukların daha çok dikkat çektiği unutulmamalıdır. 

e Listelerde kullanılan madde imleri (bullet) tutarlı olmalı, kurumsal site kimliği ile uyumsuz olabilecek madde 
imlerinden kaçınılmalıdır. 


Örnek 


ro 
MB TC. Maliye Bakanlığı | 


OCAK AYI ZAN 
BELLİ OLDU 


2018 Yılı Ocak Döneminde Kamu Görevlileri ve Emeklilere 
Yapılan Zamlar 


Tüm Haberler 


Basında Maliye Bakanı 


Basın Duyuruları 


Bakanlık Duyuruları 
Sınav Duyuruları 


Tüm Duyurular 


Benzer yazı tipi ve kurum logosu ile uyumlu renkler kullanılarak kurumsal aidiyet algısı oluşturulmuştur. 


Referanslar 


Faydalı Kaynaklar 
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18.6. Navigasyon 


İlke 
Navigasyon öğeleri mobil sitenin ana sayfasında, başlık alanında yer almalı, site içerisindeki bütün sayfalardan da 
navigasyon öğelerine ulaşılabilmelidir. 


Açıklama 

Mobil internet sitelerinde navigasyon, kısıtlı ekran boyutundan dolayı erişilebilir, kolayca bulunabilir ve fazla alan 
kaplamayan bir tasarıma sahip olmak zorundadır. Bundan dolayı masaüstünde kullanılan navigasyon yapılarının aynısı 
mobilde kullanılmamalı, belirtilen durumlar göz önünde bulundurularak mobile özel uyarlama yapılmalıdır. 


Yaygın olarak kullanılan bazı navigasyon yapıları vardır. Her navigasyon yapısı farklı açılardan avantajlı veya dezavantajlı 
olabilmektedir. Kullanıcıların ihtiyaçları ve internet sitesini kullanım şekilleri gibi parametrelerin dikkate alınması, 
hangi navigasyon yapısından daha fazla verim alınabileceği konusunda yardımcı olacaktır. 


Yaygın olarak kullanılan navigasyon yapıları arasında hamburger menü, sekmeli yapı, önceliklendirilmiş menü 
elemanları yapısı ve tam ekran gibi farklı türlerden bahsedilebilir. 


Yönergeler 

e Ana sayfada yer alan navigasyon öğeleri, masaüstü bilgisayarda görüntülenen navigasyon öğeleriyle benzer 
görünüme sahip olmalıdır. Böylelikle, kullanıcı alışkanlıklarının devam ettirilmesi sağlanmış ve kullanıcıların 
karışıklık yaşaması engellenmiş olur. 

»e (Sayfa navigasyonu tahmin edilebilir şekilde konumlandırılmalı, klavyenin görüntülendiği durumlarda da 
erişilebilir olmalıdır. 

e (o Ana sayfadatemel navigasyon öğelerine yer verilmeli, tüm sayfalar arasında gezinime olanak sağlanmalıdır. 

e (Kullanıcıları başka bir sayfaya ya da işleme yönlendirecek bağlantıların açık ve anlamlı ifadelere sahip olması, 
belirsizlik içeren ifadelerin kullanılmaması gereklidir. 

e (o Navigasyon öğeleri, mobil ekranlarda kolayca seçim yapılabilecek büyüklükte olmalıdır. 

e (o Navigasyon öğeleri farklı ekran çözünürlüğüne sahip mobil cihazlarda tutarlı bir şekilde görüntülenmelidir. 

e (o Kullanıcının sitedeki konumu, ekmek kırıntısı, sayfa başlıkları ve seçili bağlantılar gibi bilgilendirici öğeler ile 
belirgin hale getirilmelidir. 

e (Hiyerarşik navigasyon yapılarından birisi olan derin gezinimde kullanıcıların hangi sayfada olduğunun bilgisi açık 
bir şekilde gösterilmelidir. 

e (Hareket (gesture) tabanlı navigasyon yapısı, mobil internet sitelerinde, varlığının tahmin edilememesi ve mobil 
cihazın kendi ekran işlevleri ile karışabilmesi gibi nedenlerden dolayı tercih edilmemelidir. 

»e (Ekranda öncelikli olarak gösterilmesi gereken bilgi ve işlevler bulunuyorsa, fazla yer kaplamayan ve seçildiğinde 
görüntülenen hamburger menü yapısı tercih edilebilir. 

»e o İnternetsitesinde hamburger menü kullanımı tercih edildiyse, burada kullanılan ikonun kullanıcı alışkanlıklarına 
uygun ve bu yapı ile özdeşleşmiş ikonlardan seçilmesi gerekir. 

e o Altöğebarındıran menüler, görsel olarak anlaşılır şekilde tasarlanmalıdır. 


Örnek 


Örnek sitede kullanılan navigasyon yapısı ile farklı mobil cihazlarda tutarlı bir görünüm sağlanmıştır. 


Referanslar 


Faydalı Kaynaklar 
e o https://www.nngroup.comy/articles/mobile-navigation-patterns/ 
e o http://elearning-confeu/docs/cp09/paper-20.pdf 
e o http://downloads.bbc.co.uk/guidelines/mobile guide v1.1 compressed.pdf 
e o https://usabilitygeek.com/how-to-use-breadcrumb-navigation-2017/ 
e o https://www.smashingmagazine.com/2017/05/basic-patterns-mobile-navigation/ 
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18.7. Yetkilendirme (Authentication) 


İlke 


İnternet sitesi gerekli güvenlik teknolojisine sahip olmalı ve kullanıcılara güvende olduğu hissi vermelidir. 


Açıklama 

Mobil güvenlik, kullanıcıların verilerini, finansal ve kredi kartı bilgilerini veya farklı telefon hizmetlerinin kontrolünü 
hedef alan çok çeşitli güvenlik açıklarını veya saldırıları kapsar. Mobil cihazların bir kişiye ait olması, cihaza fiziksel 
olarak sahip olmanın belirli bir fiziksel güven algısı oluşturması, bazı durumlarda kullanıcılar tarafından gerekli 
güvenlik önlemlerinin alınmamasına neden olabilmektedir. 


İnternetin sağladığı avantajlara rağmen, sosyal mühendislik saldırılarına, hassas ve kişisel veri hırsızlığına ilişkin 
güvenlik sorunları ortaya çıkmaya devam etmektedir. Daha fazla kişisel veri, elektronik cihazlar tarafından kaydedildiği 
ve saklandığı için, verilerin ve iletişimin güvenliği, geliştiriciler tarafından uygulanması gereken bir özellik olup 
kullanıcılar tarafından da doğru bir şekilde anlaşılması gereklidir. 


Mobil cihazlar çok farklı ortamlarda güvenli ya da güvensiz bir biçimde internet bağlantısına sahip olabilirler. Standart 
bir masaüstü kullanıcısının evde ya da ofiste belirli ve güvenli kabul edilen bir internet hattından bağlanabilmesine 
karşın mobil kullanıcılar güvensiz hatlardan şifreleme olmayan bağlantılardan internet erişimi yapabilmekte, bu 
nedenle güvenlik sorunları ile karşı karşıya kalabilmektedir. 


Yönergeler 

e (Kimlik doğrulama sistemi kullanıcılara güven hissi vermeli ve aynı zamanda arzu edilen işlevselliğin sağlanması 
konusunda herhangi bir engel oluşturmamalıdır. 

e (Mobil kullanıcılara hitap eden yetkilendirme ekranları mutlak surette SSL sertifikalı olmalıdır. 

e Kamuyaait mobil siteler üzerinden daha güvenli bir ortam sunulabilmesi için, kullanıcıların farklı kanallardan 
doğrulama yapma olanağına sahip olması (Örn. SMS, vb.) sağlanabilir. 

» Potansiyel sorunlarda hak ve para kaybına yol açacak işlemlerin yapıldığı sitelerde yetkilendirme, telefon 
numarası, SMS ya da anlık bildirim (push message) ile yapılmalı, kullanıcı ile önceden mutabakat sağlanmış gizli 
bilgi doğrulaması gerçekleştirilerek taklit sitenin bunu yapabilmesinin engellendiği garanti altına alınmalıdır. 

e Mobil cihazın genellikle tek kişi tarafından kullanılması ve fiziksel güvenliği nedeniyle, sürekli olarak yeniden 
kullanıcı adı ve şifre girilmesinin engellenmesi kullanılabilirlik açısından tercih edilebilir. 


Örnek 


-—. 


X #emik Numaranızı se e-Devlet Şifreniz kullanarak 
kmilğriz dağrulandıktan sonra İşeminize sald gz yerden 
devam edecirsinz GG), e-Devetşmesi Nedir, Nasit Alınır? 


Kimlik no veya şifre Katalınır. e-Devlet Kaos 
pnfiinizde cep telefonunuz veya cep tssfonu Ve 
birikte e-posta edreziniz kaytl ise torofikie tahanlı 
Olan güvenlik ayarlarma göre) şfrenizi 
unumuğunuzda PTİye giderek yeni:şifre zarf 
almak zorunda değilciniz Şiftenizi kendiniz kolsy 
ve hizli bir şeklide yenileyebiirsiniz Şifreniri 
Unutüuğunurda me yer olan “Şitremi Unutnum” 
düğmesine basarak şifre yenileme işlemi 
yadabilirsiniz. 
Youtube sayfamızdan 


famaı/youtu be”Siğida2Def! şifre yenileme ie 
ilgi Kamu spotumuzu izleyebilirniz. 


| 37300123918 
Sand Kiye Mhyazsfken GİZLE 


* e-Devlet Şifresi 


| | 


SaSana Kavye A şiTemi Unuuum 
» Güvenlik Kon 


muzvi > | 


Lürer rezimde gördüğünüz karakterleri yanınca bulunan kutuy3 
girimz 

Reg okuyaıyois anıl ulema Uklöyarak yeni Yi Lane 
ouaYyrabliririz. 


Örnek sitede hatalı giriş sonrasında güvenlik seviyesi artırılmış ve güvenlik kodunun girilmesi zorunlu tutulmuştur. 


Referanslar 


Faydalı Kaynaklar 


e o https://www.researchgate.net/publication/256543270 Usability vs, Security in Mobile Applications 
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18.8. Bağlam (Context) 


İlke 


Mobil internet sitelerinin farklı bağlamlarda kullanılabileceği dikkate alınarak kolaylaştırıcı özellikler sunulmalıdır. 


Açıklama 

Kullanıcıyı çevreleyen ve kullanıcının etkileşim içerisinde olduğu fiziksel ve sosyal etkenler bağlam olarak tanımlanabilir. 
İnsanların mobil cihazlarını toplu taşıma araçlarında, gürültülü ortamlarda, sosyal çevresi ile iletişim halinde iken, 
yürürken, yatar pozisyonda veya güneş altında kullanması gibi durumlar, farklı bağlamları oluşturmakta ve bu da 
kullanım deneyimini önemli oranda etkilemektedir. Aynı zamanda bağlam, kullanıcı deneyimi çalışmalarında en önemli 
girdilerden birisini oluşturmakta ve bağlamın doğru analiz edilmesi hedef kitlenin ihtiyacına en uygun ürünün ortaya 
çıkarılmasına katkı sağlamaktadır. 


Yönergeler 

e (o Kullanıcıların coğrafi pozisyonu kurum tarafından sunulan hizmetlerde kullanılabilir. 

e o Kullanıcıların farklı bağlamlarda internet sitesini kullanabileceği düşünülerek işlemlerin daha hızlı 
tamamlanmasını sağlayacak kolaylaştırıcı özellikler (Örn. Telefon numaralarının aranabilir formatta sunulması 
vb.) sunulabilir. 

e» İnternet sitesi üzerinde yer alan video ve animasyon gibi ses içeren öğeler, farklı bağlamlarda (Örn. toplantı, 
konferans, seyahat vb.) kullanılabileceğinden dolayı otomatik olarak başlatılmamalı veya sessiz başlaması 
sağlanmalıdır. 

e (o Kullanıcı profilinin çeşitlilik göstereceği göz önünde bulundurularak mobil internet sitesine ait veri girişlerinde 
kullanıcıların girdikleri bilgilere göre güncellenen ve kullanıcının işlemi tamamlamasını kolaylaştıran yapılar 
kurgulanmalıdır. 

e (Mobil internet sitesi, kullanıcının görevlerini kolaylıkla gerçekleştireceği şekilde bölümlere ayrılmalıdır. Mobil 
cihazlar hareket halinde kullanılabileceğinden ötürü hızlı bir şekilde yapılacak işlemlerin hatasız bir şekilde 
bitirilmesi hedeflenmelidir. 


Örnek 


*90 (216) 53130 00 


Cancel Call 


Örnek sitede telefon numarası mobil cihazdan aranabilir formatta bağlantı olarak sunulmuştur. 


Referanslar 


Faydalı Kaynaklar 
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18.9. Teknik Sınırlandırmalar 


İlke 
Mobil cihazlardan sunulan hizmetler, ekran boyutu, pil ömrü gibi teknik sınırlandırmalar göz önünde bulundurularak 
yapılandırılmalıdır. 


Açıklama 

Masaüstü cihaz ekranlarıyla karşılaştırıldığında, mobil cihaz ekranları daha az içerik barındırır. Dolayısıyla, mobil 
kullanıcılar, aynı miktarda bilgiye erişmek için daha fazla etkileşim gerçekleştirmek durumunda kalırlar. Mobil cihaz 
ekranlarında, görünür alanın dışında kalan bilgiler için kullanıcılar kısa süreli (yaklaşık 20 sn.) belleklerini kullanmak 
zorunda kalırlar. 


Mobil cihazların her yere taşınma imkânı olmakla birlikte dış etkenlerden dolayı işlemlerin kesintiye uğrama olasılığı 
çok fazladır. Dış ortamda gerçekleşen herhangi bir olay kullanıcının dikkatini çekerek mobil kullanım deneyimini 
bölebilmektedir. Bundan dolayı mobil oturum süreleri kısadır. Ortalama oturum süresi masaüstü cihazlar için 150 


saniye iken mobil kullanımda 72 saniye olarak karşımıza çıkar. 


Bazı telefon üreticileri aynı anda birden fazla pencereyi ekranda barındırmaya çalışsa da, sınırlı ekran boyutu, bu hedefin 
verimli bir şekilde uygulanabilmesini zorlaştıran bir unsur olmaktadır. Kullanıcıların birçoğu ekranlarında tek pencere 
görürler; masaüstü cihazlarda olduğu gibi ekranı bölemez ve farklı pencereler ile çalışamazlar. 


Kurumsal hizmetler, mobil internet sitesi ya da platforma özel geliştirilmiş mobil uygulama (app) üzerinden verilebilir. 
Bununla birlikte bu hizmetlerden yararlanacak olan insanlar sosyoekonomik düzeyi farklı kesimlerden olabilmekte 
ve çok farklı teknik özellikte cihazlar kullanabilmektedir. Sitenin geliştirilmesinde kullanılan teknolojilerin güncel 
ve son teknoloji olması, çoğunlukla kullanıcıların bir bölümünün dışarıda kalmasına yol açabilmektedir. Bu nedenle 
kullanılacak olan teknolojilerin yaygın kullanılan cihazlar tarafından büyük oranda desteklenmesi ve sürdürülebilir 
olması önemlidir. 


Yönergeler 

»e (Kullanıcılar mobil cihazlardaki ekran boyutu gibi sınırlandırmalardan dolayı görevleri farklı uygulamaları 
kullanmaya ihtiyaç duymadan tamamlayabilmelidir. 

» Mobil internet siteleri kendi kendine yeterli olmalı ve fiziksel (Örn. Dokunmatik kalem, video oynatıcı uygulama 
vb.) veya sanal herhangi bir harici araca ihtiyaç duymamalıdır. 

e (Mobil cihazlardaki dokunmatik arayüzlerde, etkileşimli öğelerin alanı masaüstüne oranla daha büyük tutulmalı, 
çevresinde etkin olmayan bir alan sağlanmalı, kullanıcıların yanlışlıkla farklı öğelere dokunma ve hata yapma 
ihtimali en aza indirilmelidir. Bu tür alanların tıklanabilir / etkileşimli alan olduğu masaüstü cihazlarda fare 
imleci üzerine getirilerek anlaşılabilmekte ancak dokunmatik ekranlarda böyle bir imkân bulunmamaktadır. 

e (o HücreselveriveWi-Fi bağlantılarının kopabileceği dikkate alınarak tasarlanan sayfalar sade, kısa sürede yüklenen 
ve mümkün olduğunca fazla bilgi içerecek şekilde yapılandırılmalı, ileri-geri gitme ihtiyacı azaltılmalıdır. 

»e (Mobil cihazların,internet sitelerinde kullanılabilir özelliklerinden (Örn. GPS, kamera, mikrofon vb.), kullanıcıların 
işlemlerini daha hızlı ve kolay yapabilmeleri için yararlanılabilir. Örneğin, barkod bilgisinin girilmesi istendiği 
durumlarda mobil cihazın kamera özelliği kullanılabilir. 

» o Sayfada yer alan öğeler ve etkileşim alanları (Örn. Bağlantılar, düğmeler, kaydırma alanları vb.) açıkça ayırt 
edilebilmeli, kullanım amacı algılanabilmelidir. 

e (Mobil cihazlarda, ekran boyutu ve çözünürlüğü gibi teknik açıdan değişkenlik gösteren faktörler bulunduğu için 
internet sitelerinde kullanılan görsel öğelerin yaygın kullanılan cihazlarla uyumlu olmalıdır. 

e o İnternet sayfalarında kullanılan ve mobil cihazların teknik özelliklerini fazlaca kullanan scriptler ile sayfanın 
yeniden yüklenmesi gibi işlemler, gerçekten ihtiyaç duyulmadığı sürece çok fazla tekrarlanmamalı, pil ömrünü 
tüketmemelidir. 


e (oOKamu hizmetlerinden farklı sosyoekonomik olanaklara sahip kullanıcılar yararlandığı için görece eski model 
ve düşük performanslı mobil cihazlarda da sayfalar hızlıca yüklenebilmeli ve mümkün olduğunca pürüzsüz bir 
kullanım deneyimi sunulmalıdır. 

se — Kullanıcılardan mobil cihazlarıyla uyumlu olmayan yazılımları (Örn. Flash, Windows uygulaması vb.) indirmeleri 
istenmemelidir. 


Örnek 


7 AMENO EZER 


e-Hizmetler 


Sunduğumuz hizmetere bursdar sriçin. Sorgulama, 
Başvuru ve Ödeme hizmetlerinden Yaydalanır. 


Kurumlar 
Siştemimizdeki teşmil hurumlerm üştesine İetişim N 


bilgilerime ve surduMan hizmedere erin. 


Belediyeler 

#Devetkapızından hizmet sunan beleciyelerin iletişim N 
/ 

Bilgilerine ve surduklan hizmetlere erişin. ” 


Firmalar 
geri, su besşm ub Mizmeteri sunan şreterdek 
tarıma ve abönslk DI gieinze enşin 


Hızlı Çözüm 
eDeyet Karasi ile İlgili serunlerri çözümlerine ulaşın 


Şikayet Hnerl soru ve Htekleririzi bize İetir 


e-Devlet Kapsı altyapısını kullanarak hizmet sunan 
yuzlerce kuruma ait binlerce hizmetten siz de güvenle 


Örnek sitede yer alan etkileşim alanları geniş tutularak mobil arayüzde parmak kullanımı açısından kolaylık sağlanmıştır. 


Referanslar 


Faydalı Kaynaklar 


e o https://www.nngroup.com/articles/mobile-ux/ 
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18.10. Ana Sayfa 


İlke 
Mobil internet sitelerinde ana sayfa, farklı bağlamlarda öncelikli hizmet ve bilgilerin kolaylıkla erişilebildiği bir yapıda 
tasarlanmalıdır. 


Açıklama 

Mobil cihazların genel olarak küçük boyutlu ekranlara sahip olması, çok farklı bağlamlarda kullanılabilmesi ve teknik 
özellikler açısından çeşitliliğinin fazla olması gibi parametreler düşünüldüğünde mobil tasarım yapmanın masaüstüne 
oranla çok daha zor olduğu söylenebilir. Küçük bir ekranda yalnızca önemli özelliklere ve bilgilere yer verilmesi ve bu 
işlemin de hedef kitle ihtiyaçları dikkate alınarak yapılması gerekmektedir. Ana sayfa, birçok ziyaretçi için internet 
sitesinin yüzü ve bir başlangıç noktası niteliğindedir. Bu açıdan ana sayfayı geliştirmek için yapılacak her çalışma değerli 


bir kazanım olarak geri dönecektir. 


Kamu kurumları tarafından sunulan hizmetlerin bir bölümü internet siteleri üzerinden de sunulabilmekte ve bu durum 
her geçen gün dijitaldönüşüm kapsamında artan oranda ivmelenerek devam etmektedir. Mobil cihazlar teknik özellikler 
ve kullanım şekilleri açısından masaüstü cihazlardan farklılık göstermekte ve bu durum mobil internet sitelerinde bir 
avantaj olarak kullanılabilmektedir. Kamu kurumlarının sunduğu hizmetler ve mobil cihaz özellikleri dikkate alınarak, 
ana sayfada hedef kitlenin öncelikli ihtiyaç duyduğu özellik ve bilgilere yer verilmesi, mobil kullanım oranlarına katkı 
sağlayacaktır. 


Yönergeler 

e (Mobil internet sitelerinde kurum logosu çok fazla alan kaplamayacak şekilde yerleştirilmelidir. 

»e (Kurum logosu ana sayfaya bağlantı içermelidir. 

e (Ana sayfadaki navigasyon sezgisel, açık ve anlaşılır olmalıdır. 

e (Ana sayfada ve diğer sayfalarda, mobil sitenin masaüstü versiyonuna bağlantı yer almalıdır. Kullanıcılar mobil 
sitede bulamadığı bilgi veya özelliklere masaüstü versiyondan erişmek isteyebilir veya kullandığı büyük ekranlı 
mobil cihazda masaüstü versiyonunu görüntülemek isteyebilirler. 

»e oArama,internet sitesinde bilgi ve hizmete ulaşmak açısından önemli özelliklerden birisi ise arama alanı sayfaya 
ilk girildiği anda görülebilecek şekilde sayfanın üst bölümüne konumlandırılmalıdır. 


Örnek 

Türkiye Büyük Millet Meciisi Adalet Karnisyonunda 

kabul edilmiştir. 

1 5 &. Personel Genel Müdürlüğü 
«Sözleşmeli Çözümleyici Sözlü Sınavına İlişkin 
Yunt Duyuru 
14 X, Personel Genel Müdürlüğü 
«Bilişim Pefsoneli Sözlü Sınawnâ Ilişkin Duyuru 


1 3 X. Bilg işlem Datresi Başkanlığı 
4 MSIS (Dünya Bilgi Zirvesi) 2018 Ödüller Oylama 
4 Duyurusu 


1 3 © İşyurtları Kurumu Daire Başkanlığı 
«5 Hükümlü Eğitimleri, Önceki Öğrenmelerin 
meni Tanınması ve Denklik Yönergesi Hakkında Duyuru 


1 3 © Arabuluculuk Oaire Başkanlığı 
08-09 Şubat 2018 tarihlerinde Antalya'da, 
ei büyükşehir, il ve üçe belediye temsilcilerine 
yönelik olarak "7036 Sayılı Iş Kanununun 
Getirdikleri ve İdarenin Özel Hukuk 
Uyuşmazlıklarında Üstlendiği arabuluculuk” konulu 
eğitim gerçekleştirilmişti 


12 Basın ve Halkle İlişkiler Müşavirliği 
BASIN AÇIKLAMASI (12.02.2018) 


9 © İsyurtları Kurumu Daire Başkanlığı 
4 Ceza Muhakemesi Hukukunda Uzlagurma Eğitim 
Kitabı Hakkında Duyuru 


Kubat 
6 X. idari ve Mali işler Dairesi Başkanlığı 
Şubat 


5 Misafirhane Duyurusu 


Örnek sitede mobil görünümden masaüstü görünüme geçebilmek için bağlantıya yer verilmiştir. 


Referanslar 


Faydalı Kaynaklar 
e o httpWinternativa.com.br/mobile/Livro4209520Designing95201nterfaces,96202nd420Edition,96202010.pdf 
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18.11. Listeler 


İlke 


Uzun yazılarda okuma deneyiminin iyileştirilmesi için listeler kullanılabilir. 


Açıklama 

Uzun yazıların daha sistemli ve daha rahat okunabilir olması için listeler kullanılabilmektedir. Liste yapısının kullanımı 
bazı avantajları beraberinde getirirken dikkat edilmesi gereken hususlar da barındırmaktadır. Listeler, insanların 
doğal okuma yapısı olan F şekilli desene uygun bir yapı sunmaktadır. Aynı zamanda, içeriğin daha homojen olmasını ve 
kavramayı kolaylaştırması açısından da faydalıdır. Uzun içeriklere sahip sayfalar listeler sayesinde daha konsantre ve 
anlaşılır hale dönüştürülebilir. 


Liste yapısının sunduğu avantajların yanında olumsuz olarak düşünülebilecek yönleri de vardır. Görsel açıdan 
mütevazı bir görünüm sunması ve listenin sonuna doğru kullanıcıların dikkatinin azalması gibi durumlar liste yapısının 
kullanımında dikkat edilmesi gereken konulardandır. 


Yönergeler 

e (o Anlaşılması zor uzun yazılar için liste yapısı kullanılabilir. 

e (Mobil sitelerde, içerikler farklı kategorilere göre gruplandırılarak listeler halinde sunulabilir. 

e Mobil sitelerde liste yapısında sunulan içerikler farklı kategorilere ait bilgilerden oluşuyorsa bu bilgiler 
kategorilerine göre filtrelenebilir şekilde gösterilebilir. 

e Liste yapısı üzerinden hiyerarşik bir görünüm sunuluyorsa, okumayı zorlaştıracak kadar derin bir hiyerarşiye 
gidilmemelidir. 

e oÇokuzunlisteler birden fazla başlığa bölünerek gruplanmalı ve daha kolay anlaşılır hale dönüştürülmelidir. 


Örnek 


BAĞLI KURULUŞLAR 


« Çalışma ve Sosyal Güvenlik Eğitim ve Araştırma 
Merkezi 

« Ereğli Kömür Havzası Amele Birliği Biriktirme ve 
Yardımlaşma Sandığı 


İLGİLİ KURULUŞLAR 


« Türkiye İş Kurumu Genel Müdürlüğü 

« Sosyal Güvenlik Kurumu Başkanlığı 

« Mesleki Yeterlilik Kurumu 

« Devlet Personel Başkanlığı 

« Türkiye ve Orta Doğu Amme İdaresi Enstitüsü Genel 
Müdürlüğü 


Örnek sitede yer alan kurum ve kuruluşlar gruplanarak okunabilirliği artırılmıştır. 


Referanslar 


Faydalı Kaynaklar 
e o httpWinternativa.com.br/mobile/Livro420620Designing96201nterfaces,9o202nd420Edition,96202010.pdf 


 önİelefei 


18.12. Veri Girişi 


İlke 
Veri girişine ait alanlar kullanıcı alışkanlıklarına uygun ve veri girişini kolaylaştıracak şekilde tasarlanmalıdır. 


Açıklama 

Veri giriş alanları, kullanıcılar ile internet siteleri arasında en yoğun etkileşimin olduğu alanlardandır. Etkileşimin 
fazla olduğu alanların tasarımı, kullanıcı memnuniyetinin sağlanabilmesi açısından çok önemlidir. Mobil cihazların 
küçük ekran boyutu ve dokunmatik ekran gibi farklı özellikleri, kullanıcıların daha farklı bir deneyim yaşamalarına ve 
zorlanmalarına neden olabilmektedir. Bu açıdan mobil cihazlarda geçerli koşullar (bağlam) dikkate alınarak deneyimin 
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iyileştirilmesine yönelik çalışmaların yapılması önemlidir. 


Yönergeler 

e Bir ekranda yer alan veri giriş alanı sayısı çok fazla olmamalıdır. Fazla sayıda veri giriş alanının kullanılması 
gerektiği durumlarda bu alanlar gruplanarak adımlar halinde verilebilir. 

» Veri girişi esnasında kullanıcıların bölünmesine neden olabilecek işlemler (Örn. Mesaja yanıt verme, telefon 
görüşmesi vb.) göz önünde bulundurulmalı ve form zaman aşımı süresi uzun tutulmalıdır. 

»e Veri giriş öğeleri tasarlanırken, mobil cihazların ekran boyutları göz önünde bulundurulmalıdır. 

e oVerigirişalanlarının tasarımında klavyenin açık olduğu ve çok küçük bir alanın kullanılabildiği durum da dikkate 
alınmalıdır. 

e (o Sadecerakamların girilebildiği veri giriş alanlarında, klavyenin rakam arayüzü gösterilmelidir. 

»e oVerigirişalanındaki ilk öğeye otomatik olarak odaklanılarak kullanıcılara başlangıç noktası sunulmalıdır. 

e (Metin kutuları, kullanıcıların yazdıkları metni yaklaşık olarak görebileceği uzunlukta tasarlanmalıdır. 

e o Verigirişinin yapıldığı ekranda, hangi etiketin/açıklamanın, hangi form alanına ait olduğu rahatlıkla anlaşılabilecek 
şekilde tasarlanmalıdır. 

e oVerigirişalanının içerisinde (inline) tasarlanan etiketlerin kullanımından kaçınılmalıdır. Bu yöntem kısıtlı alanın 
daha verimli kullanılmasına imkân tanımakla birlikte kullanıcıların hangi alan için veri girdiklerini görebilmesine 
ve kontrol etmesine engel olmaktadır. 

e Etiketler veri giriş alanlarının üzerine yerleştirilebilir. Böylelikle, veri giriş alanı için ekranın soldan-sağa tüm 
uzunluğu kullanılabilir. 

e — Kullanıcıların boş metin alanları yerine seçimler yaparak veri girişi yapmasına imkân tanınmalı, gerekli yerlerde 
veriler otomatik doldurulmalı, veri girişi mümkün olduğunca basitleştirilmelidir. 

e (o Artarda gelen işlemlerde kullanıcıların neler yaptığını unutmamasını sağlayacak ipucu mekanizmalarına yer 


verilebilir. 


Örnek 


© CİMER!: 


BAŞVURU YAP BAŞVURU SORGULA 


E-Devlet ile başvuru yapmak için tıklayınız. > 


Örnek sitede veri giriş alanları soldan sağa ekranı kaplayacak şekilde yerleştirilmiş ancak etiketler veri giriş alanının üzerine 
yerleştirilmemiştir. 


Referanslar 


Faydalı Kaynaklar 
e o https://uxplanet.org/text-fields-in-mobile-app-11d41f13e31 
e o https://uxplanet.org/mobile-form-usability-2279f672917d 


telafi 


18.13. Arama 


İlke 
Mobil internet sitelerinde kullanıcıların hızlı ve kolay arama yapabilmesi için kullanıcı dostu arama alanları 
tasarlanmalıdır. 


Açıklama 

Arama alanları, internet sitesi içerisinde yer alan bilgilere hızlı ve kolay bir şekilde ulaşmak için kullanılmaktadır. 
Kullanıcılar, istedikleri bilgilere site içerisinde gezinerek ulaşabilecekleri gibi doğrudan arama alanını da kullanmak 
isteyebilmektedir. Bu sebeple, arama alanı kritik önem taşımaktadır. Masaüstü ve mobil cihazlar farklı teknik özelliklere 
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sahip olduğu için mobil internet sitelerindeki arama alanlarının tasarımı ve işlevselliği de farklılık göstermektedir. 


Yönergeler 

e oMobilsitelerdeyeralanaramaalanlarının genişliği, arama yapılan kelime ya da kelimelerin ortalama uzunluğu göz 
önünde bulundurularak tasarlanmalı, kullanıcıların arama alanına yazdıkları metni görebilmeleri sağlanmalıdır. 

e (Mobil sitelerde arama işlemini kolaylaştırmak için arama alanlarının mümkünse ekran genişliğinin tamamını 
kapsayacak uzunlukta olması sağlanmalıdır. 

» o Aramaalanı,mümkünolduğunca bir ikona (Örn. Büyüteç vb.) tıklayarak görüntülenecek şekilde tasarlanmamalıdır. 
Arayüz tasarımına bağlı olarak veri girişinin yapılacağı alanın açık bir şekilde belli olduğu tasarımlar tercih 
edilmelidir. 

e Arama esnasında, teknik olanak elverdiği ölçüde akıllı arama (auto-suggestion) yapılmalı, sorgu kelimesinin 
üçüncü harfi girildikten hemen sonra kullanıcıya sunulan öneriler ile veri giriş çabası azaltılmadır. 

e (Mobil cihazlar farklı bağlamlarda kullanılacağı için kullanıcının yanlış veya eksik yazabileceği dikkate alınmalı, bu 
gibi durumlarda öneri sunularak arama işleminin hızlı bir şekilde sonuçlanması sağlanmalıdır. 

»e (o Kullanıcılar tarafından daha önce aranan kelimeler sonraki aramalarda öneri olarak sunulabilir. Bu özellik 
sayesinde arama işlemi daha az çaba ile kısa sürede tamamlanacaktır. 

e (Mobil internet sitelerinde gerekmedikçe birden fazla arama alanına yer verilmemelidir. 

e (o Arama sonuçları görüntülenirken, mobil cihazın görünür alanında arama sorgusu ile en alakalı sonuçların yer 
aldığından emin olunmalıdır. 

e (o Arama sonuçları görüntülenirken, mobil cihaz ekranına en uygun tasarım ile sonuçların kolay incelenmesi ve 


istenen sonuca hızlı bir şekilde ulaşılması hedeflenmelidir. 


Örnek 


a7 Ez 


11. İlçe veya Havalimanı Ara. (01 
Doğu Karadeniz'in Doğusunda Fırtına 
Bekleniyor! 


Ea Artvin'de Çok Kuvvetli Yağış Bekleniyor! 


Na" 'de Çok Kuvveti Yağış Bekleniyor! 


69 Mart - 11.11 
Çankaya Ankara 
Arık 
o 
Ol £ 
> — Jkm/ss & T013nFa 


Örnek sitede en fazla kullanılan hizmetler dikkate alınarak arama alanına açık bir şekilde sitenin üst bölümünde yer verilmiştir. 


Referanslar 


Faydalı Kaynaklar 
»e o https:/(/storage.googleapis.com/think-emea/docs/article/Mobile App UX Principles.pdf 


 nİelefei 


18.14. Hatalar 


İlke 
Mobil internet sitesi, açık ve anlaşılır hata mesajları içermeli, kullanıcının hataları kolaylıkla düzeltebileceği şekilde 
yapılandırılmalıdır. 


Açıklama 

Hata yönetimi başarılı bir internet sitesinin olmazsa olmazlarından biridir. Kullanıcılar internet sitesini kullanırken 
hata yapmak veya hatalı bir durum ile karşılaşmak istemezler. İnternet sitelerinde hatalı işlem gerçekleştirildiği ya da 
teknik bir sorunun meydana geldiği durumlarda, kullanıcıların hata mesajları ile hatanın nedeni ve çözümü hakkında 
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bilgilendirilmesi kullanıcı deneyiminin daha iyi olmasına katkı sağlayacaktır. 


Yönergeler 

e (o Bağlantısorunlarından kaynaklanan hatalarda kullanıcılar bilgilendirilmeli ve kullanıcının, yarım kaldığı işlemine 
daha sonra devam edebilmesine imkân tanınmalıdır. 

e Mobil cihazlarda veri girişi sırasında girilen veriler mutlaka cihazın görünür alanında görüntülenmelidir. 
Böylelikle, parmak kullanımından ya da sanal klavyeden dolayı yaşanacak hatalı veri girişleri kullanıcılar 
tarafından kolaylıkla fark edilebilir. 

» Mobil internet sitelerinde kısıtlı ekran boyutundan dolayı uzun hata mesajlarından kaçınılmalıdır. Hatanın 
nedenini ve çözümünü içeren sade ve yönlendirici mesajlar oluşturulmalıdır. 

e (Mobil internet sitesi, kullanıcıyı hatalı işlemin bulunduğu alana yönlendirmelidir. Uzun formlar gibi kullanıcının 
birçok alana veri girişi yaptığı durumlarda kullanıcının hatalı işlem yaptığı alanı kolaylıkla bulması işlemin hızlı 
bir şekilde tamamlanmasını sağlayacaktır. 

»e oVerigirişalanlarının sayısı mümkün olduğunca azaltılarak ihtiyaç duyulan görevin daha kolay tamamlanması ve 
veri girişi sırasında yanlış bilgi girme riskinin azaltılması sağlanmalıdır. 

e (o Mobilinternetsitesinde kullanıcının yazma işlemini yapacağı alanlar azaltılmalıdır. Mobil cihazlarda yazma işlemi 
yavaş ve hata yapmaya açık bir işlem olduğu için kullanıcının işlemini hızlı bir şekilde hatasız tamamlayacağı 


arayüzler kurgulanmalıdır. 


Örnek 


be öz 
—— 


7 —— 


li, İlçe veya Havalimanı Ara. (01 
Doğu Karadeniz'in Doğusunda Fıruna 
Bekleniyor! 


3 Artvin'de Çok Kuvvetli Yağış Bekleniyor! 


EE Rize'de Çok Kuvvetli Yağış Bekleniyor! 
G9 Mart - 11.11 


Çankaya Ankara 


8,1 *C 


> — kms Gor 


ZN X 


Örnek sitede, girilen bilgiler kullanıcılara gösterilerek hata yapması engelleniyor. 


Referanslar 


Faydalı Kaynaklar 


 atei 


18.15. Erişilebilirlik 


İlke 
Geniş kitlelere hitap eden kamu internet sitelerinde, mobil erişilebilirlik kaidelerine dikkat edilmelidir. 


Açıklama 

Engelli vatandaşlarımız toplumun yaklaşık olarak 9012'sini oluştururlar. Bunların yaklaşık 9069-10 kadarı yaşlı ve kronik 
hastalıklara sahip kişilerden, diğerleri ise zihinsel, fiziksel, görme veya duyma güçlüğü çeken kişilerden oluşmaktadır. 
Kamu hizmetleri bu tarz güçlükleri çeken vatandaşlarımıza eşit uzaklıkta olması gerektiği için ayrımcılık ya da bu kişileri 
rencide edecek durumlar oluşturmadan olabildiğince eşit olması sağlanmalıdır. Mobil internet siteleri, farklı seviyelerde 
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görme veya işitme problemi, ellerini kullanmada sıkıntı yaşama, öğrenme güçlüğü gibi engellere sahip kullanıcılar 
tarafından kullanılabilmektedir. Bu sebeple, mobil internet sitelerindeki bilgi ve hizmetlerin engelli kullanıcıların bu 
durumu göz önünde bulundurularak erişilebilirlik standartlarına uygun olarak tasarlanması beklenmektedir. Arayüz 
açısından erişilebilirlik standartlarına uygun etkileşim alanları tasarlanırken, ekran okuyucular gibi harici cihazlarla 
mobil site kullanımının sağlanacağı kodlamaların yapılması faydalı olacaktır. 


Yönergeler 

e» o İşitme güçlüğü yaşayan kullanıcılar için mobil internet sitesinde yer alan herhangi bir işitsel bilginin görsel 
sunumlarının da sağlanması gereklidir. 

e (Mobil cihazlardaki küçük ekran boyutundan dolayı fiziksel engelli kullanıcıların sıkıntı yaşayabileceği dikkate 
alınmalı ve mobil internet sitesi bu duruma uygun tasarlanmalıdır. 

» — Öğrenme güçlüğü olan kullanıcılar için açık ve basit bir tasarım gereklidir. Öğrenme güçlüğü yaşayan kullanıcılar, 
tutarlı bir tasarım ile basitleştirilmiş dil kullanmayı içeren daha genel çözümlere ihtiyaç duyarlar. 

» Mobil cihazlardaki küçük ekran boyutuna çok fazla bilgi sığdırılmaya çalışılmamalıdır. Yoğun içeriğe sahip 
internet sayfalarının kullanılması gerekiyorsa, disleksiyalı kullanıcılar için sayfalar, anlaşılabilirliği artıracak 
görsel ve video gibi multimedya öğeleri ile desteklenmeli ve beyaz boşluk kullanımına dikkat edilmelidir. 

e (o Farklı dil seçeneklerinin olduğu internet sitelerine ekran okuyucu ile erişen kullanıcılar için dil seçiminin ilk 
aşamada yapılabilmesi sağlanmalıdır. 

e» o İnternet sitesi arayüzünde yer alan tüm öğeler ekran okuyucular tarafından odaklanılabilir ve okunabilir şekilde 
kodlanmalıdır. 

e (o Görsel veya sesli içerikten faydalanamayan engelli kullanıcılar için alternatif medya öğeleri sağlanmalıdır. 

e (o Ekranokuyucularile sayfada hızlı dolaşımın sağlanabilmesi için başlık etiketlerinin kullanımına dikkat edilmelidir. 

e Görme zorluğu olan kullanıcılar için hedeflenen noktaya odaklanma sağlanabilmeli, odak kendiliğinden 
değişmemelidir. Örneğin, sayfa içinde bir metne odaklanılmak istendiğinde ekran okuyucunun farklı bir metne 
veya sayfa içindeki öğeye odaklanmaması sağlanmalıdır. 

»e Görme zorluğu olan kullanıcılar için ekran okuyuculara yönelik sayfa öğelerine odaklanma sırası doğru bir 
sıralama ile verilmelidir. 

e» o İşitme zorluğu yaşayan kullanıcılar farklı bir iletişim yolu kullandıkları için soyut kavramlar mümkün olduğunca 
kullanılmamalıdır. 

»e Otomatik olarak oynatılan video, ses gibi medya dosyalarının ekran okuyucu tarafından durdurulmasında güçlük 
yaşanabileceği için kullanımı tercih edilmemelidir. Mobil cihazlar çok farklı ortamlarda kullanılabileceği için bu 
tür durumlar görme zorluğu olan kullanıcıların sıkıntı yaşamasına neden olacaktır. 

e» o İnternet sitelerinde yaşlı kullanıcılar da dikkate alınarak kısa süreli hafızanın fazla kullanımını gerektirecek 
içeriklerden (Örn. yürüyen yazılar, görünüp kaybolan diyaloglar, önceki ekranda gösterilip sonraki ekranda 
hatırlanması beklenilen içerik ve kelimeler, şifrelendirilen kodlar vb.) kaçınılmalıdır. 

e (o Kullanıcıların mobil internet sitesinin arayüzündeki etkileşim alanlarını rahatlıkla kullanabilmeleri için ilgili 
alanın farklı parmak boyutları hesaplanarak tasarlanması gereklidir. 

e» Mobilinternet sitelerinde sık kullanılacak işlemlere ait bileşenler kullanıcıların başparmaklarını kullanacakları 
orta ve alt alana yerleştirilmelidir. Kullanıcıların 96 49'unun telefonlarını tek elle ve sadece başparmaklarını 
kullanarak işlemlerini yaptığı unutulmamalıdır. 


Örnek 


ANTALYA 
R 
BELEDİYESİ 


ANTALYA 
BUYUKŞEHİR 


BELEDİYESİ 


GÖRME ENGELLİLER 
WEBSİTESİ 


Örnek sitede, görme güçlüğü yaşayan kullanıcıların mobil cihazlarında yüklü özel bir program sayesinde birçok bilgiye ulaşabilmesi 


sağlanmıştır. 
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